css---hover伪类在ie6下的处理方式
2008-05-26 15:45
225 查看
演示:
http://www.cssrain.cn/demo/ie6hover/ie6hover.html
淘宝效果预览:http://list.mall.taobao.com/1343/g-s-----40-0--1343.htm
其实,问题很简单,就是hover伪类在IE6中得不到很好的支持,
因为IE6只支持css1,而在css1中hover伪类只能针对a标签来起作用,
看了一下淘宝的代码,他们的解决方法是:
首先,按照ie7/FF都支持的css2的写法来写。
其次针对IE6不支持css2再做特殊处理。也就是通过javascript来弥补ie6下的不足。
这段javascript的原理是这样的:
code:
根据某些特征找到需要添加hover效果的标签,
对此标签添加onmouseover和onmouseout事件,
在onmouseover事件中给对象赋予新的css class属性,
同样,在onmouseout时移除该css class即可模拟成hover伪类的效果了。
相关文章推荐
- 关于CSS在IE6以下浏览器不支持:hover伪类的解决方式
- ie6下li:hover兼容处理方式一(hover及click)
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG
- IE中伪类:hover的使用及BUG,以及如何在IE6中进行修正(CSS)
- IE6不支持非A元素:hover伪类的bug的处理
- IE6下链接伪类(:hover)CSS背景图片有闪动BUG
- 【IE6的BUG一】链接伪类(:hover)CSS背景图片有闪动BUG
- IE6中a:hover的CSS伪类无效
- css伪类hover ie6bug,揭开IE6下hover不显示原因
- 让IE6支持hover伪类效果
- 链接伪类(:hover)CSS背景图片有闪动BUG
- CSS方式支持IE6的fixed样式
- 爬取动态网站数据(soup的css方式处理数据)
- 利用CSS hover伪类改变其他元素的总结
- css -- hover伪类
- csshover.htc可以解决ie6下hover不起作用等兼容问题
- CSS伪类:hover 在IE中使用及其BUG
- div+css处理链接的:link,:visited,:hover,:active四种状态
- div+css使用padding样式和!important标记实现Firefox和IE6处理带float样式的margin尺寸上的兼容