CSS下拉菜单在IE7中无效

时间:2013-02-07 20:28:27

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

我有一些下拉菜单,除了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}

谢谢;)

1 个答案:

答案 0 :(得分:0)

您确定IE7在标准模式下运行吗?确保您拥有适当的文档类型,例如

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

。否则,:hover将不会对任意元素起作用,但仅适用于<A>