我目前正在开发一个项目,我遇到了下拉菜单的问题,以及它在ie7和ie8中的显示方式。下拉菜单在ie7或ie8中无法正确显示
你可以在这里查看:
http://getsmarta.co/_cms/topflight/
这里是我使用的CSS:
nav { width:1026px;
height: 50px;
background-image:url(../img/nav.png);
padding:0 0px 0 0px;
text-align:center;
margin-bottom:30px;
}
nav ul li {
display:inline-block;
position:relative;
}
nav ul li div.sub {
display:none;
position:absolute;
background-color:#003e88;
top:38px;
width:260px;
text-align:left;
border-radius: 0px 0px 7px 7px;
-o-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
}
nav ul li div.sub a{
background-image:none;
}
nav li a {
padding:13px 20px 11px 20px;
display:inline-block;
margin-top:-10px;
background-image:url(../img/nav-divider.png);
background-position:top right;
background-repeat:no-repeat;
font-family:champ, myriad, Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
margin-right:-4px;
}
nav li a:hover {border: 0;
background-image:url(../img/hover.png);
}
nav li.current a {
color:#47cacd;
}
我对此感到迷茫,任何帮助将不胜感激,谢谢。
顺便说一句,你的下拉菜单可显示多达上的左侧和图片的链接后面在歌剧院升降椅。 – MetalFrog 2012-02-07 12:50:29