CSS 下拉菜单在 IE7 中不起作用答案

【问题标题】：CSS dropdowns not working in IE7CSS 下拉菜单在 IE7 中不起作用
【发布时间】：2013-02-07 20:28:26
【问题描述】：

我有一些下拉菜单在除 IE7 之外的所有应用中都很好用，不幸的是，我的老板在兼容模式下运行 IE8，所以他希望修复它们...我不确定问题出在哪里：

.m-main-nav li ul {
display: none;
top: 24px;
left: -41px;
float: left;
width: 190px;
z-index: 999999;
position: absolute;
background: none;
background-color: none;
opacity: .9;}

.m-main-nav li:hover > ul {display: block;}

.m-main-nav li ul li {
min-width: 180px;
padding: 0;
background-image: none;
text-decoration: none;
border: solid 1px #bfa049;
border-top:0px;
vertical-align: bottom}

谢谢 ;)

【问题讨论】：

my boss runs IE8 in compatibility mode。为了爱……为什么？？？另外，什么不起作用？发布您的 html 也很好。
可以加截图或者jsFiddle吗？
告诉你的老板 ie7 是新的 ie6，他应该改用更好的……比如远程登录到 80 端口并自己渲染 html。
您的.m-main-nav li 是否设置为position: relative？但说真的，给我们一个小提琴！
:hover pseudo-class of CSS does not work in IE7的可能重复

标签： css internet-explorer internet-explorer-7 hover

【解决方案1】：

您确定 IE7 在标准模式下运行吗？确保您有正确的文档类型，例如

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

在您的 html 中。否则:hover 将无法对任意元素起作用，而只能对<A> 起作用。

【讨论】：