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模型錯誤 。 我會使用Tantek的解決方案 。

Answer 2

1. 確保您使用的是“ 標准模式”而不是“怪癖”，否則IE中“寬度”和“高度”的含義與其他瀏覽器不同。 正如喬什（Josh）所提到的，這是盒模型錯誤，但是您不希望在這個時代使用盒模型黑客（特別是不是Tantek最初最糟糕的丑陋版本）。 IE5需要BMH，但由於Standards Mode修復了該問題以及更多內容，今天已死定了。

2. 您說z-index在某種程度上是錯誤的。 沒有足夠的信息可以肯定地說，因為您只發布了代碼的一小部分，但是這個問題的一個共同根源是IE會在您賦予“位置”的任何元素上設置默認的“ z-index”堆疊上下文'（相對/絕對），即使您不包含z-index屬性也是如此。 確保已定位的所有元素也都經過z索引，以確保跨瀏覽器的布局一致。