Question

我有以下HTML

<div id="nav" class="red">

some more HTML here

</div>

以下CSS：

#nav.red {
background: red;
}

然而，这在IE6中不起作用，有人可以帮忙吗？

Answer 1

目前还不知道为什么会这样，并且没有真正的'修复'。您只需通过更改CSS来解决它。例如：

#nav{
   /*basic styles*/
}
   .red{
      /* stylings */
   }
   .blue{
      /* stylings */
   }
   .contact{
      /* stylings */
   }
   .news{
      /* stylings */
   }

有关详情，请参阅here;有关测试页，请参阅here。

Answer 2

只需使用

~~#nav~~

.red { 
    background: red; 
}

Answer 3

您可以使用ie7.js来修复错误。它使IE6的行为更像IE7。它应该至少解决多个类问题，因此也可以用于#id.class。 More info about ie7.js

否则，你必须解决它。例如

<div id="nav">
   <span class="red">hep</span>
   <span>hep</span>
</div>

和CSS

#nav {}
#nav span {color:#000;}
#nav .red {color:#f00;}

或者，如果可以的话，您可以使用.red进行颜色更改，并使用#nav进行常见布局。例如

#nav {float:left; padding:10;}
.red {background: #f00;}
.blue {background: #00f;}

Answer 4

有一个错误。试试这个：

#nav, .red {
background: red;
}

IE6 - 带有类和ID的DIV

4 个答案: