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-index されていることを確認して、ブラウザー間で一貫したレイアウトを確保します。

于 2009-11-10T18:32:47.643 に答える