Question

西洛！ IE7中的下拉显示不正确。当我把鼠标放在它上面时，它看起来像是内嵌块，而且它在右边太远了。当我把鼠标放在ul的第一个元素上时，第二个元素消失了。并且每个元素附近都是奇怪的角度，这是我把鼠标放在上面后出现的菜单的角度。

任何帮助或建议将不胜感激！

我的代码是：

nav ul {
padding:0;
margin-right:15%;
margin-left:15%;
float:left;
position:absolute;
}

nav ul li{
    float:left;
    position:relative;
overflow:hidden;
z-index:200!important;
padding:5px 35px;
margin-top:5px;
display:block;
}
nav ul li a{

text-decoration:none;
font-family: BebasNeueRegular, Arial,calibri;
font-size:x-large;
color:#eee;
}
nav ul li:hover{
    overflow:visible;
    position:static;
}

nav ul li ul{
    width: auto; height: auto;  
    display:block;
    position:absolute;
    border:3px solid gray;
background-color: black; 
}
nav ul li ul li a{
    text-decoration:none;
    font-size:large;
    margin-top:15px;

}

nav ul li ul li a:hover{
text-decoration:underline;
color:#caf9ff;
}

Answer 1

我只是把它扔在一起，但这是怎么回事？

http://jsfiddle.net/PgVQC/3/

显然我还没有在IE7中测试它，但这是我倾向于做我的下拉菜单。

您可能需要投入一些jquery才能在IE7中显示菜单，这是我几周前建立的网站的一个示例。

http://jsfiddle.net/9L4EC/2/

ie7下拉菜单（列表）

1 个答案: