0

Internet Explorer で別のパディング値を割り当てる必要があります。これは、a の高さを宣言すると、<div>高さ + パディングとして計算されるためです (Firefox と Chrome の両方で正常に動作しています)。

ここに私のCSSがあります:

#payment{
    width: 265px;
    border: 1px solid #cecece;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    /*display: block;*/
    position: absolute;
    /*float: right;*/
    height: 230px;
    padding: 10px;
    left: 549px;
}
4

2 に答える 2

3

IE 条件を html 要素に追加し、クラスを特定の IE バージョンに割り当てることができます。

<!--[if lt IE 7]>      <html lang="en-us" class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en-us" class="lt-ie9 lt-ie8 ie7"> <![endif]-->
<!--[if IE 8]>         <html lang="en-us" class="lt-ie9 ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us"> <!--<![endif]-->

次に、IE クラスを前に付けてセレクターをターゲットにすることができます。

.lt-ie8 #payment { /* IE7 & below */
    padding: 5px;
}

また

.ie7 #payment { /* IE7 only */
    padding: 5px;
}
于 2012-12-20T07:51:22.960 に答える
1

あなたはこのように使うべきです：

#payment{
    padding: 10px; /* standard */
    padding: 17px\9; /* IE 8 and below */
    *padding: 15px\9; /* IE 7 and below */
    _padding: 16px\9; /* IE 6 */
}

参照リンク1

参照リンク2

于 2012-12-20T07:40:47.880 に答える