html 延迟div延迟消失,div背景消失_html/css_WEB-ITnose

博客讨论了在CSS中为div设置背景图片时遇到的问题,特别是关于.id=tab3的div在hover状态背景图片消失的故障。问题源于文件名错误,修复文件名后问题得到解决。同时提到了IE6对于:hover伪类的支持情况以及如何让无内容的div拥有布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

5268f80b9b1e01f982625ef6fac83ca1.png

css div

我有3个div

这3个div在select,unselect和hover时都有背景图片

id=tab3的div在hover时背景消失

css:

.tab3selected {

width: 270px;

height: 60px;

background: url(../images/detail_itinerary_inclusion_hover.jpg) no-repeat;

}

.tab3unselected {

width: 270px;

height: 60px;

background: url(../images/detail_itinerary_inclusion.jpg) no-repeat;

}

.tab3unselected:hover {

background: url(../images/detail_itinerary_inclusion_hover.png) no-repeat;

}

这3个div是一样设置的,只有第3个有问题

回复讨论(解决方案)

把高度和宽度加上就有了

width: 270px;

height: 60px;

先问一下你是用个的IE6吗?

:hover 当你鼠标经过这个div时,背景色和边框都会发生变化,但是此效果在IE6中不能得到效果,

因为IE6不支持hover伪类。在上面CSS样式中:hover 是给非IE浏览器识别的,因为大多数非IE浏览器都已经支持任意标记的hover伪类了。.hover是给IE6以及以下版本识别的,因为IE6以及一下版本一直都只支持标记的hover伪类(IE7已支持任意标记hover伪类效果)。

div里 没有内容 是不是?那就给添加属性 让他拥有布局吧,不如 会上下外边距发生叠加,成为一条线,当然不会有图片显示了 。如何让他拥有布局,很多方式:设置 width,height,display:block,float等属性都可以

其实我犯了个愚蠢的错误,查了半天,文件名不对,谢谢各位

细心点嘛,先看看图片能不能访问

其实我犯了个愚蠢的错误,查了半天,文件名不对,谢谢各位

既然问题解决,建议楼主结贴

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值