您现在的位置是：网站首页> 编程资料编程资料
IE6中伪类hover的使用及BUG说明_CSS教程_CSS_网页制作_
2021-09-08
739人已围观
简介 以前未曾遇到类似的问题，一番google，才知道这是IE6处理CSS伪类:hover的Bug。
例如如下的代码：
百度百度一下
在IE7/FF中，鼠标移动到链接上时，"淘你喜欢"字样会变为红色，但IE6则无反应。所以IE6的bug就是如果a 与 a:hover 的css定义是一样的，也就是说如果a:hover 中没有样式的改变，hover就不会被触发。但如果在a:hover{}增加一些特定的属性，例如
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}
此时hover就可以触发了。
百度百度一下
在IE7/FF中，鼠标移动到链接上时，"淘你喜欢"字样会变为红色，但IE6则无反应。所以IE6的bug就是如果a 与 a:hover 的css定义是一样的，也就是说如果a:hover 中没有样式的改变，hover就不会被触发。但如果在a:hover{}增加一些特定的属性，例如
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}
此时hover就可以触发了。
相关内容
- CSS 选择器浅谈_CSS教程_CSS_网页制作_
- CSS学习之一 CSS样式的引入 _CSS教程_CSS_网页制作_
- 纯CSS实现的小三角_CSS教程_CSS_网页制作_
- 区别各种IE浏览器的css写法_CSS教程_CSS_网页制作_
- 同级情况下CSS的优先级探讨_CSS教程_CSS_网页制作_
- CSS强制按比例缩小图片 _CSS教程_CSS_网页制作_
- 浮动层自动适应高度的解决方法_CSS教程_CSS_网页制作_
- CSS伪类_CSS教程_CSS_网页制作_
- IE6对多个CSS样式的解析 _CSS教程_CSS_网页制作_
- web标准教程，帮你走进web标准设计的世界 第三讲（html终结篇）_Web标准教程_CSS_网页制作_
