IE FF 支持li:hover,但是ie6不支持,a:hover ul 这种写法是要搭配顶部针对IE6声明用的
2013-07-15 10:06
330 查看
#nav li:hover ul{...} IE6仅支持A标签的hover,所以li:hover对IE6是无效的。 而li a:hover ul{}是一句不合法的CSS规则,你这样写就表示控制A标签的子孙元素UL。按照XHTML标准,A标签中是不能出现UL的。
解决办法是:
然后写JS,当鼠标移到LI的时候增加一个class类hover
解决办法是:
#nav li:hover ul,#nav li.hover ul{...}
然后写JS,当鼠标移到LI的时候增加一个class类hover
相关文章推荐
- 用js如何在后台弹出一个新的页面 IE和FF都支持的写法……
- 让IE、Firefox、Chrome中的LI都支持display-block的兼容写法
- JS解决IE6不支持li:hover的代码
- 解决低版本ie下li:hover不支持的问题
- 让IE6 也支持 :hover —— jquery ie-hover 插件
- 针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法
- CSS中针对IE6、7和FF的特殊写法
- 返回顶部,js,css,页面离开顶部一定距离后出现返回顶部,点击后滚动回顶部,支持IE,FF,chrome ,safari,opera[摘自布布分享,tech.bubufx.com]
- IE6下支持li:hover的鼠标滑过效果,方法绝对正确,我已测试过
- CSS中针对IE6、7和FF的特殊写法
- 不但要返回顶部,还要返回底部,小改变,实用,?scroll?的js代码,支持IE,FF,chrome[摘自布布分享,tech.bubufx.com]
- 解决IE6不支持li:hover鼠标经过的效果
- IE6不支持li:hover的解决方法
- 使IE6支持:hover效果使用li:hover或div:hover
- CSS中针对IE6、7和FF等浏览器的特殊样式写法
- IE5 IE6~IE9 FF 之间盒子宽度兼容性写法
- IE6不支持li:hover的解决办法,一句代码让IE6支持li:hover
- JavaScript 解决 IE6 不支持 li:hover 的方法
- dom 回到顶部(兼容IE FF Chrome)
- 让IE(包括IE6)支持HTML5元素方法–html5.js