div背景消失

rosecshly0928 2013-01-30 04:04:29

我有3个div
<table width="900" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0px;">
<tr>
<td style="width:300px">
<div id="tab1" class="tab1selected tab_buttons"></div>
</td>
<td style="width:300px">
<div id="tab2" class="tab2unselected tab_buttons"></div>
</td>
<td style="width:300px">
<div id="tab3" class="tab3unselected tab_buttons"></div>
</td>
</tr>
</table>
这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个有问题
...全文
209 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
求知_攀登者 2013-02-01
  • 打赏
  • 举报
回复
引用 4 楼 rosecshly0928 的回复:
其实我犯了个愚蠢的错误,查了半天,文件名不对,谢谢各位
既然问题解决,建议楼主结贴
rosecshly0928 2013-01-31
  • 打赏
  • 举报
回复
其实我犯了个愚蠢的错误,查了半天,文件名不对,谢谢各位
foxavideo 2013-01-31
  • 打赏
  • 举报
回复
细心点嘛,先看看图片能不能访问
xiaofan_sap 2013-01-30
  • 打赏
  • 举报
回复
div里 没有内容 是不是?那就给添加属性 让他拥有布局吧,不如 会上下外边距发生叠加,成为一条线,当然不会有图片显示了 。如何让他拥有布局,很多方式:设置 width,height,display:block,float等属性都可以
爱T 2013-01-30
  • 打赏
  • 举报
回复
先问一下你是用个的IE6吗? :hover 当你鼠标经过这个div时,背景色和边框都会发生变化,但是此效果在IE6中不能得到效果, 因为IE6不支持hover伪类。在上面CSS样式中:hover 是给非IE浏览器识别的,因为大多数非IE浏览器都已经支持任意标记的hover伪类了。.hover是给IE6以及以下版本识别的,因为IE6以及一下版本一直都只支持<A href="">标记的hover伪类(IE7已支持任意标记hover伪类效果)。
爱若如梦 2013-01-30
  • 打赏
  • 举报
回复
把高度和宽度加上就有了 width: 270px; height: 60px;

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧