Question

我的网站导航菜单出现问题。它在除IE 7之外的每个浏览器和版本中都很有效，并且想知道是否有人可以诊断出可能出错的地方。

我的CSS

nav {
    background: url(../images/links-bg.jpg) repeat-x;
    width: 593px;
    height:60px;
    float: right;
    border-top: 1px solid #991318;
    border-right: 1px solid #991318;
    border-bottom: 1px solid #991318;
    border-left: none;
}

nav li {
    float: left;
    list-style-type: none;
    margin: 5px 40px 0 0;
    padding: 0;
    line-height: 20px;
}

nav ul li a {
    color: #991318;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-family: 'MEgalopolisExtraRegular', Arial, sans-serif; 
    font-size: 1.5em;
    text-transform: uppercase;

}
nav li a:hover, nav li .selected {
    color: #352E24;
}

我的HTML

<nav id="nav">
      <li><a href="#">Home</a></li>
           <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Contact</a></li>
</nav>

任何人都知道可能导致此问题的原因＆gt;我的CSS出了什么地方？

任何帮助或建议表示赞赏。

我并不感谢那些抱怨为IE 7编码的人。我正在为它编码，而不是你，所以如果你没有任何支持性的话，那就不要说了。

Answer 1

IE 7不了解nav元素，你需要使用ul而不是

导航菜单在IE7中不太适用

1 个答案: