您的位置:首页 > Web前端 > CSS

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伪类的效果了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: