我已经搜遍了一个简单的解决方案，但我找不到合适的解决方案。
我想要做的就是当有人在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}
答案 0 :(得分：2)
在Internet Explorer开发工具下检查您的浏览器不是Quirks或任何其他有趣的模式。
您可以将<meta http-equiv="X-UA-Compatible" content="IE=edge" />添加到页面顶部，以确保它始终使用最新版本。
http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx
答案 1 :(得分：0)
使用display: inline，而不是display: inherit。
答案 2 :(得分：0)
如果你想：在IE7中将鼠标悬停在非链接元素上，请确保你使用的是严格的doctype，例如
<!DOCTYPE html>
是HTML5 doctype。
IE7仅在古怪模式下使用旧的：悬停行为。
答案 3 :(得分：0)
您可以在html文件的顶部添加以下行。 它适用于我，即9.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">