html - CSS DIV 悬停在 Internet Explorer 8 中不起作用

Question

当我在 Internet Explorer 8 中悬停 DIV 元素时，我的 CSS 规则没有正确应用。

下面的代码没有问题:

<div id="album-view">
<div class="loading"></div>
<div id="main">
 here is my all code, this code works.
</div>
</div>

但是，在接下来的摘录中，代码无法使用 .loading 和 display:none; 属性:

<div id="album-view">
  <div class="loading" style="display:none;"></div>
  <div id="main">
   Not working
  </div>
</div>

如果有人有任何建议，请帮助指导我正确的方向。

可以看我的测试服务器，nasir.herobo.com/s.html#!/4 或者截图http://i.stack.imgur.com/Crvmy.png

Answer 1

在 IE8 中，您的 display: none;，因为它是内联样式，不会被您的 css 覆盖。您将不得不使用 JavaScript 来更改内联样式，或者添加显示:无；到你的CSS而不是元素。 IE8 及更低版本与较新的浏览器具有不同的样式层次结构。