最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

div背景消失_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:32:07
文档

div背景消失_html/css

div背景消失_html/css_WEB-ITnose:css div 我有3个div 这3个div在select,unselect和hover时都有背景图片 id=tab3的div在hover时背景消失 css: .tab3selected { width: 270px; height: 60px; background
推荐度:
导读div背景消失_html/css_WEB-ITnose:css div 我有3个div 这3个div在select,unselect和hover时都有背景图片 id=tab3的div在hover时背景消失 css: .tab3selected { width: 270px; height: 60px; background

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等属性都可以

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

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

其实我犯了个愚蠢的错误,查了半天,文件名不对,谢谢各位
既然问题解决,建议楼主结贴

文档

div背景消失_html/css

div背景消失_html/css_WEB-ITnose:css div 我有3个div 这3个div在select,unselect和hover时都有背景图片 id=tab3的div在hover时背景消失 css: .tab3selected { width: 270px; height: 60px; background
推荐度:
标签: 背景 html css
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top