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 enter image description here

Answer 1

在IE8中，你的display：none;，因为它的内联样式，不会被你的css覆盖。您必须使用JavaScript来更改内联样式，或添加display：none;你的css而不是元素。与较新的浏览器相比，IE8及更少版本具有不同的样式层次结构。

Answer 2

我最近有一个css：ie8的悬停问题。我的不透明度更改在悬停时无法正常工作，因为应用了：hover样式的div包含子div，其css位置属性为'relative'。为了我的目的，'亲戚'不是必要的风格。将position属性更改为static可以解决问题，并且悬停时的不透明度更改按预期工作。

我花了几个小时的时间研究答案，最后解决了自己。希望tid-bit可以帮助别人。