0

他のブラウザでは問題なく表示される色付きのボックスをいくつか作成しましたが、IE6 では正しく表示されません。なぜ私がわざわざ IE6 をサポートするのかと誰かが尋ねたり、皮肉を言ったりする前に、それは私の決定ではなく、私のマネージャーです。

以下の jsFiddle でわかるように、色付きの各ボックスが 220 ピクセル x 220 ピクセルの正方形を形成することを意図しています。クラスのheight:100px;とプロパティは、ボックスに 220px の高さを与えます。padding: 20px 0 100px 20px;.awards_square_enter

<span class="enter">また、ネストされた内部.awards_square_enterにいくつかのパディングを追加しましたpadding: 45px 0 0 30px;。

http://jsfiddle.net/kFRrM/

.awards_square_enter a {
    background-image: url("../images/icons/right_arrow.png");  
    background-repeat: no-repeat;
    background-position: 11% 85%; 
    display:block; 
    font-size: 30px;
    height:100px; 
    line-height: 1.1em;
    height:100px;  
    padding: 20px 0 100px 20px;
}

高さ 220px を超える IE6 では、次のように表示されます。

ここに画像の説明を入力

4

1 に答える 1

0

そのため、条件付きコメントを介して ie6 に個別のスタイルを適用します。ie6 のみに適用されるスタイルで、両方に設定したパディングを、希望するものと等しくなるまで変更します

于 2013-04-30T13:01:28.687 に答える