我使用以下规则在 IE 访问 Web 时显示一个点。 但是,我不知道为什么 li.iedot 不适用于 IE6.0。换句话说,所有#nav-primary li 都显示点而不是#nav-primary li 具有类.iedot。
#nav-primary li.iedot
{
font-size:110%;
color:#666;
*background:url(http://static02.linkedin.com/scds/common/u/img/bg/bg_grey_dotted_h-line_3x1.png) no-repeat 0 7px;
padding-right:2px;
*padding-right:6px;
*padding-left:6px;
*zoom:1;
}
<body>
<div class="member" id="header">
<div class="wrapper">
<div id="nav-primary">
<div class="wrapper">
<ul class="nav">
<li class="tab iedot" id="nav-primary-home">
<a href="#"><span>Home</span></a>
</li>
<li class="tab iedot" id="nav-primary-profile">
<a href="#"><span>Profile</span></a>
</li>
<li class="tab" id="nav-primary-about">
<a href="#"><span>About</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
1> 如何解决?或者 IE 无法做到这一点。
2> 哪里可以找到表明 IE 支持哪些 css 功能的网站?
谢谢
最佳答案
Quirksmode by ppk 是了解浏览器不一致的地方。
补充:为什么它不起作用——
我认为具有多个类的元素的 IE 6 错误可能会让您感到困惑。
通过将 html 更改为来测试这一点
<li class="iedot" id="nav-primary-home">
instead of
<li class="tab iedot" id="nav-primary-home">
如果这是问题所在,那么您只需在元素中使用一个类名。您可以发明一堆新的类名,也可以使用 iedot 类添加一个包装 div/span。
关于CSS - 为什么 IE6 不遵循这个 css 规则 li.class?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3577381/