1

当我在 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>

但是，在下一个摘录中，代码不适用于.loadinganddisplay: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 在此处输入图像描述

4

2 回答 2

0

在 IE8 中，您的 display: none;，因为它是一种内联样式，所以不会被您的 css 覆盖。您必须使用 JavaScript 来更改内联样式，或添加 display: none; 到你的 CSS 而不是元素。与较新的浏览器相比，IE8 和 less 具有不同的样式层次结构。

于 2013-08-04T06:00:14.563 回答
-1

我最近遇到了 ie8 的 css :hover 问题。我的不透明度更改在悬停时无法正常工作，因为应用了 :hover 样式的 div 包含 CSS 位置属性为“相对”的子 div。就我的目的而言，“相对”不是必需的风格。将位置属性更改为静态就可以了，悬停时的不透明度更改按预期工作。

我花了几个小时的时间来研究答案，最终自己解决了。希望花絮对其他人有所帮助。

于 2013-09-30T19:35:37.620 回答