关于IE6下a标签的a:hover伪类失效的问题
来源:互联网 发布:最优化教学 编辑:程序博客网 时间:2024/05/10 20:42
最近在项目中遇到一个问题,就是a的伪类hover的样式在其他浏览器中都是有效的,但在IE6浏览器中却失效。
问题描述:
【HTML结构】<a class="img_container"><img src="" /></a>
【CSS 样式】.img_container:hover img{..}
问题分析:
【是否hasLayout的原因】通过激发img的hasLayout属性依然没有效果
【是否IE6的bug】查阅资料发现很多同学都遇到过这个问题,具体原因引用他们的话是IE6的类使用是要从祖先开始查看。查看什么呢?查看祖先类是否定义。那么在这里我们发现.img_container:hover之前是没有定义过的。
解决方法:
【定义伪类】在使用的时候定义一个伪类样式.img_wrapper:hover{}
【加入样式】在伪类括号里面加入overflow:hidden或者backgrou:#fff,类似的样式,刷新,OK。
使用如下:
.img_container:hover {overflow:hidden;}
.img_container:hover img{border:red;}
先记录下来吧,有时间再细细推敲原因。
- 关于IE6下a标签的a:hover伪类失效的问题
- a:hover伪类在IE6下的问题
- 关于li:hover伪类,以及各种除了a:hover在IE6下不生效的解决办法.
- IE6中a:hover的CSS伪类无效
- a:hover,a:active失效的问题
- ie6 a的hover无效
- IE6:支持非a标签的hover属性
- 让IE6支持非a标签的hover属性
- IE6不支持非A元素:hover伪类的bug的处理
- a标签失效的问题
- css a标签的visied伪类失效。
- 关于IOS伪类:hover的问题
- a:hover 伪类
- IE6 a:hover失效 原因是haslayout
- ie6 a hover 属性失效解决办法
- a标签的四个css伪类(link、visited、hover、active)样式理解
- IE6 中 a:hover 的bug
- IE6、IE7的a标签下划线问题
- input事件 描述
- 改变CButton按钮控件的文本和背景颜色
- ASP.NET温故而知新学习系列之ASP.NET多线程编程—多线程查询数据库记录
- ASIHTTPRequest详解 非常强大
- My Study experience of Design and Analysis of Algorithms (Part 1)
- 关于IE6下a标签的a:hover伪类失效的问题
- TreeView控件动态绑定数据库内容
- 【工具&Chrome】10个针对Web开发者的优秀Chrome扩展推荐
- 初创型团队容易在用户体验方面犯的十个错误
- 真想说再见,隐身帝们
- struts2图片上传,生成缩印,水印等
- error中成长001:Myeclipse连接mysql的时候出现错误
- AspNetPager分页控件
- 在asp.net中使用jquery.uploadify-3.1实现上传