`

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中的`li:hover`问题及解决方案 #### 背景介绍 早期浏览器的兼容性问题一直是前端开发者面临的一大挑战。特别是在Internet Explorer 6(简称IE6)中,由于其对CSS支持的限制,很多现代网页设计效果都无法正常...

    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:...

    解决ie6下hover不是别问题,多用于导航菜单

    为了解决这个问题,有几种常见的方法可以实现IE6下的`:hover`兼容性: 1. **使用条件注释和专门的IE6 CSS文件**: IE6支持特定的条件注释,允许我们为IE6提供单独的CSS样式表。例如,在HTML头部添加`&lt;!--[if lt IE...

    javascript解决IE6下hover问题的方法.docx

    ### JavaScript 解决 IE6 下 hover 问题的方法 #### 背景介绍 Internet Explorer 6 (简称 IE6) 是微软发布的一款浏览器,在早期互联网时代占据了非常重要的地位。然而,随着 Web 技术的发展,IE6 的很多功能已经...

    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的兼容问题,我们需要为父级`&lt;a&gt;`添加`:hover`定义,哪怕只是设置一个无关紧要的样式,比如`font-size`: ```css a span {color: red;} a:hover {font-size: 12px;} a:hover span {color:...

    css+div经典代码大全

    标题:“css+div经典代码大全” 描述:此资源提供了一系列CSS与DIV结合的经典代码...此外,考虑到不同浏览器的兼容性问题,代码中还包含了一些针对IE6及以下版本的特别样式处理,确保了网站在多种环境下的稳定表现。

    一款三级弹出CSS导航菜单

    `解决表格边框问题。 - 使用条件注释`&lt;!--[if lte IE 6]&gt;`来加载这些针对旧版IE的样式表。 #### 三、具体代码分析 - **HTML结构**: ```html &lt;li&gt;一级菜单1 &lt;li&gt;二级菜单1-1 &lt;li&gt;三级菜单1-1-1&lt;/a&gt;&lt;/...

    Whatever:hover 无需javascript让IE支持丰富伪类

    为了克服IE对:hover伪类选择器支持不足的问题,开发者创造了Whatever:hover脚本。这是一个小而强大的脚本,能够为IE6、IE7和IE8浏览器自动添加对:hover、:active和:focus伪类的支持。在IE9及更新的版本中,对这些伪...

    div制作的弹出菜单

    这些代码片段确保了在IE6及更低版本中的兼容性问题得到妥善解决。 #### 五、总结 通过以上步骤,我们可以构建一个完全基于HTML和CSS的三级下拉菜单。这种纯前端技术实现的菜单不仅易于维护,而且可以适应不同的设计...

    IE中伪类hover的使用及BUG

    总结来说,本文深入分析了IE浏览器中:hover伪类的应用规则和兼容性问题,提供了解决问题的多种方法,并对使用这些方法时的注意事项做了详细的说明。这些知识对于前端开发者在设计跨浏览器兼容的网页界面时具有重要的...

    javascript解决IE6下hover问题的方法

    在JavaScript中解决IE6下的`hover`问题是一个常见的挑战,因为Internet Explorer 6(简称IE6)不支持CSS伪类`:hover`应用在非`&lt;a&gt;`标签上。这个问题主要出现在那些想要为鼠标悬停效果提供增强交互性的设计中。在其他...

    纯div+css制作的弹出菜单

    - 文档中还包含了针对IE6浏览器的特定样式,如`.menu ul li a.hide,.menu ul li a:visited.hide`等,这些样式主要用于解决IE6下的显示问题。 #### 四、关键技术点总结 - **纯div+css布局**:不使用任何JavaScript...

    纯CSS的下拉菜单,支持IE6,IE7,Firefox

    1. 对于IE6和IE7,我们可以使用`&lt;a&gt;`元素包裹整个`&lt;li&gt;`,然后使用`:hover`伪类: ```css .dropdown a:hover + ul, .dropdown a:hover &gt; ul { visibility: visible; opacity: 1; } ``` 2. IE6不支持透明度,所以...

    好看的下拉菜单

    .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; ...

    5款纯div+css制作的弹出菜单(标准且无js)

    由于早期的IE版本不支持`:hover`伪类应用于`li`元素,需要额外的样式规则来兼容这些浏览器。虽然现代浏览器已不再存在此类问题,但在编写跨浏览器兼容的代码时,了解这些历史遗留问题是很有帮助的。 综上所述,通过...

Global site tag (gtag.js) - Google Analytics