IE6定位问题答案

【问题标题】：IE6 positioning issueIE6定位问题
【发布时间】：2017-03-05 08:45:10
【问题描述】：

它在 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;
}

【问题讨论】：

你能把它放在
块中以便格式化吗？
定义：它应该？我们不知道出了什么问题或您想做什么。
它在 safari、firefox 等中展示了它应该如何...但在 IE6 中没有正确读取定位或 z 索引

标签： html css internet-explorer-6 css-position

【解决方案1】：

您需要联系box model bug。我会使用Tantek's solution。

【讨论】：

【解决方案2】：

确保你使用的是Standards Mode而不是Quirks，否则IE中'width'和'height'的含义与其他浏览器不同。这是 Josh 提到的盒模型错误，但您不想在当今时代使用盒模型黑客（尤其不是 Tantek 的原始且仍然最糟糕的丑陋一）。 IE5 需要 BMH，但如今已死且被掩埋，因为标准模式修复了该问题等等。
你说 z-index 在某种程度上是错误的。由于您只发布了一小部分代码，因此没有足够的信息可以肯定地说，但这个问题的一个常见来源是 IE 在您提供“位置”的任何元素上设置了默认的“z-index”堆叠上下文' （相对/绝对）即使您不包含 z-index 属性。确保您定位的所有元素也是 z 索引，以确保跨浏览器的布局一致。

【讨论】：