javascript - li :hover 的简单 IE7 修复

标签 javascript internet-explorer-7

我到处寻找一个简单的解决方案,但找不到合适的。

我只想在有人将鼠标悬停在 li 父元素上时显示一个简单的 span 元素,但显然 IE7 有其他计划。

确定有一个简单的 javascript 解决方案吗?

.locations ul.menu li span{background:url('images/phone-bg.png') no-repeat;width:89px;height:34px;display:none;position:absolute;margin:-36px 0 0 10px;padding:4px 3px 0 3px;color:#000;font-size:11px}

.locations ul.menu li:hover span{display:inherit}

最佳答案

检查您的浏览器是否处于 Internet Explorer 开发工具下的 Quirks 或任何其他有趣模式。

您可以添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" />到页面顶部,以确保它始终使用最新版本。

http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

关于javascript - li :hover 的简单 IE7 修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8065442/

相关文章:

javascript - IE7 中的 keydown EventListener

javascript - 如何使用 Jquery 防止 Sub Div 的不透明度

javascript - 在新的浏览器窗口中打开 thymeleaf 链接

javascript - 带有 angularjs 指令的动态标签

Javascript 等待问题

html - 寻找一种干净的方法来处理多个内联 block 元素的 IE7 兼容性

javascript - $(document).ready(function() {...}) 在插件脚本加载之前运行

javascript - 使用 yepnope 进行响应式设计脚本处理

html - ie7 错误 - div 在某些 wordpress 页面中滑出屏幕

javascript - jquery 从动态创建的输入中获取文本