IE6定位问题

Question

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

Answer 1

您需要解决box model bug问题。我会使用Tantek's solution。

Answer 2

1. 确保您使用Standards Mode而不是Quirks，否则'width'和'height'的含义在IE中与其他浏览器不同。这是Josh提到的盒子模型错误，但你不希望在这个时代使用Box Model Hack（尤其不是Tantek的原始 - 仍然是最糟糕的丑陋一）。 IE5需要BMH，但今天已经死亡并被埋没，因为标准模式解决了这个问题以及更多问题。

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