0

它在 Safari、Firefox 等中按预期工作。但它没有读取 IE6 中的定位或 z-index。我怎样才能使它在 IE6 中应有的布局？

这是CSS：

.AuthorName_Pic {
    width: 186px;
    position: absolute;
    right: 0;
    bottom: -120px;
    padding: 20px 10px 20px 15px;
    margin: 20px 0 0 0;
    background: url(images/ThumbDark.jpg) no-repeat;
    z-index:100;
}
4

2 回答 2

0

您需要解决盒子模型错误。我会使用Tantek 的解决方案。

于 2009-11-10T18:17:11.677 回答
0

  1. 确保您使用的是标准模式而不是 Quirks，否则 IE 中的“宽度”和“高度”的含义与其他浏览器不同。这是 Josh 提到的盒子模型错误，但您不想在当今时代使用盒子模型黑客（尤其是不是 Tantek 的原始且仍然是最糟糕的丑陋的）。IE5 需要 BMH，但如今已经死去并被埋没了，因为标准模式修复了这个问题等等。

  2. 你说 z-index 在某种程度上是错误的。由于您只发布了一小部分代码，因此没有足够的信息可以肯定地说，但这个问题的一个常见来源是 IE 在您提供“位置”的任何元素上设置了默认的“z-index”堆叠上下文' （相对/绝对）即使您不包含 z-index 属性。确保您定位的所有元素也是 z 索引，以确保跨浏览器的布局一致。

于 2009-11-10T18:32:47.643 回答