Question

我已经搜遍了一个简单的解决方案，但我找不到合适的解决方案。

我想要做的就是当有人在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}

Answer 1

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

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

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

Answer 2

使用display: inline，而不是display: inherit。

Answer 3

如果你想：在IE7中将鼠标悬停在非链接元素上，请确保你使用的是严格的doctype，例如

<!DOCTYPE html>

是HTML5 doctype。

IE7仅在古怪模式下使用旧的：悬停行为。

Answer 4

您可以在html文件的顶部添加以下行。它适用于我，即9.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

简单的IE7修复li：悬停

4 个答案: