Question

我正在设计一个网站，除了IE7之外基本上所有浏览器看起来都不错，我有一个问题我无法纠正。我有一个像HTML这样的菜单：

<div id="nav">
        <ul>
            <li id="cMenu"><a id="cart" href="#">Home</a></li>
            <li id="pMenu"><a id="promos" href="#">Promos</a></li>
            <li id="aMenu"><a id="anun" href="#">Ads</a></li>
        </ul>
    </div><!-- /nav -->

然后我有我的CSS：

div#nav{width:339px;height:120px;display:block;}

div#nav ul{list-style:none;}
div#nav ul li{display:inline;padding:20px;}
div#nav ul li a{width:30px;height:80px;}

div#nav ul li#cMenu{text-indent:-999999px;}
div#nav ul li a#cart{background:url(../img/menu2.png) 0 50px no-repeat;width:110px;height:120px;display:block;}
div#nav ul li a#cart:hover{background:url(../img/menu2.png) 0 -69px no-repeat;}

这里的事情是，当我在IE7上预览这个没有显示时，我已经厌倦了定位，并且还通过使用border =“dotted”来检查是否一切都在那里，我只能看到div的边框＃导航，没有其他任何显示。（我没有放置菜单的所有CSS，因为它基本上只是不同的id）。

有人知道什么是错的吗？

Answer 1

div＃nav ul li＃cMenu {text-indent：-999999px;}

通过它将所有内部li标签发送到-9999999 text-indent

尝试将文字缩进设为 a 标记

我希望它有效

Answer 2

使用

display: block;

用于CSS导航声明。那应该解决它：）

IE7的CSS问题

2 个答案: