`

IE下的li:hover问题解决

阅读更多
当在css中设定li:hover{cursor:pointer;}的时候,在chrome下是没问题的,但是在ie9下却没作用。
在网上查了一下,最后修改了文档类型声明,问题就解决了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
这里修改为
<!DOCTYPE>,
也就是html5的doctype。

分享到:
评论

相关推荐

    li:hover的解决方案

    因为IE6里只有a才有houver属性,为了解决这个问题找了半天,最后找到一个最合适的,其它也不是li:hover.只是用事件改变class对IE6.0而言

    ie6支持li:hover的方法

    运用以上的代码可以使ie6支持li:hover的使用

    使IE6支持:hover效果使用li:hover或div:hover

    在IE6中只兼容a:hover,要使用li:hover或div:hover,需引用一个文件使其兼容: csshover.htc(点击直接查看) 放在网站的根目录下,并在css文件(或者&lt;style&gt;标签)中,加上 复制代码代码如下: body { behavior:...

    asp.net 菜单 menu

    .menu ul li:hover ul li:hover a.hide {background:#028DE8; color:#000;}/*三级菜单事件*/ .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#028DE8; color:#...

    IE6下伪类hover失效问题及解决办法

    ie6对a:hover子标签的解读是建立在父标签的hover设置上的,换句话说如果不设置任何父标签a:hover{}则ie6就会停止对a的子标签hover解读,也就会出现ie6下a:hover设置失效的问题

    好看的下拉菜单

    .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {display:block; background:#eee; color:#000;} .menu ul li:...

    div-css-漂亮的导航条

    /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#627EB7; } #tabs1 a:hover { background-position:0% -42px; ...

    IE中伪类hover的使用及BUG

    目前IE5.5、IE6仅支持CSS1中的:hover,不过新出的IE7以及Firefox支持CSS2中的:hover。 先用CSS2的写法来实现: &lt;html&gt; &lt;head&gt; &lt;style&gt; * {margin:0; padding:0;} ul {list-style:none;margin:...

    雅虎TAB效果代码 Javascript实现

    #tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;} #tabs ul li:hover &gt; a.outer {color:#000; background-position:0 -55px; height:55px; cursor:default;...

    完美解决jQuery的hover事件在IE中不停闪动的问题

    在这里吐槽一下,百度太2了,收录的内容都没什么价值,最后还是在google找到了解决方法,下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。 $(#category ul).find(li).each( function() { $(this...

    web前端开发基本问题解决

    超链接访问过后hover样式就不出现的问题 FF下如何使连续长字段自动换行 ff下为什么父容器的高度不能自适应 IE6的双倍边距BUG IE6下绝对定位的容器内文本无法正常选择的问题 IE6下为什么图片下方有空隙产生 IE6下这两...

    上下tab浮动菜单

    &lt;li&gt; &lt;a class="menu" href="#nogo"&gt;&lt;b class="snazzy"&gt;&lt;span class="boxcontent blue"&gt;item #5&lt;/span&gt; &lt;b class="b4 blue"&gt;&lt;/b&gt;&lt;b class="b3 blue"&gt;&lt;/b&gt;&lt;b class="b2 blue"&gt;&lt;/b&gt;&lt;b class="b1"&gt;&lt;/b&gt; &lt;/b&gt;&lt;/a&gt; &lt;/li&gt;...

    css兼容性问题总结笔记

    3. ie6下空标签高度问题 4 4. IE6下这两个层中间有间隙 5 5. 当子元素浮动且未知高度时,怎么使父容器适应子元素的高度 5 6. 超链接访问过后hover样式就不出现 5 7.IE6绝对定位元素的1像素间距bug 5 8. LI中内容超过...

    高兼容性导航菜单

    Css伪类(在没有脚本的情况下,#nav li:hover &gt; ul 无脚本的情况下不支持IE6) css3 切换动画 实现的菜单栏(css3 切换动画不支持 display:none,所以用了visibility) html的格式清晰,实现无限级菜单

    仿Facebook底部工具栏的实现

    .footbar li.shang:hover{ border:1px solid #ccc; border-top:none; background:url(chat_icon_5.gif) no-repeat scroll 20px -1215px transparent; background-color:#FFF; } .footbar li.lxr:hover{ border:1px ...

    三星9305收索

    text-decoration:underline}#u1 a.pf:hover,#u1 a.lb:hover,#u1 a.mnav:hover{color:#00c}.briiconsbg{background-repeat:no-repeat;background-size:300px 18px;background-image:url...

    46种常见的浏览器兼容性问题大汇总

    1. HTML对象获取问题 3 2. const问题 3 ...23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

Global site tag (gtag.js) - Google Analytics