css - 我该如何解决这个 IE CSS 问题？

Question

在此处 ( http://www.makeofficebetter.com/comments.htm ) 查看我的问题示例的链接。

如果您查看该链接，您会看到我有一个 IMG 向左浮动，并且有一个 DIV 覆盖它。在那个 div 中我还有 2 个 div。两者都应该覆盖 IMG，但由于某种原因只有第一个 DIV 正确覆盖......而第二个则没有。它拒绝覆盖我的 IMG。两者都是覆盖 IMG 的 DIV 的子级。

这似乎只是 IE8 兼容模式下的问题...所以我想这意味着它在 IE7 中看起来也很糟糕。您可以关闭和打开兼容模式以查看问题，并且我已经为我的 DIV 背景添加了颜色，以便您可以更好地查看问题。

Safari 和 Firefox 工作正常。

Answer 1

在您的 CSS 中使用 DRY 概念，这可能有助于解决问题。

例如，不要使用 .comment 和 .mod-comment 这两个类(都具有相同的子类)，而只使用 .comment 和当版主发帖时，添加第二个 .mod 类。

例子:

当前

<div class="comment">...</div>
<div class="mod-comment">...</div>

干燥

<div class="comment">...</div>
<div class="comment mod">...</div>

这样，您可以设置注释样式，并将 mod 注释的差异粘贴到 .mod