0

最新のテクノロジーに更新するための古いプロジェクトが与えられました。スタイルシートを使用するプロジェクトでは、いくつかのスタイルにプレフィックスが付いています

#calendarDiv{

position:absolute;
width:220px;
*width:215px;
*max-width:210px;
border:1px solid #000066;
padding:1px;
background-color: #FFF;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
padding-bottom:20px;
visibility:hidden;

}

今、私は一般的に使用されるieにのみCSSを適用します

<!--[if lt IE 9]>
        <style>
            header
            {
                margin: 0 auto 20px auto;
            }
            #four_columns .img-item figure span.thumb-screen
            {
                display:none;
            }  
        </style>
    <![endif]-->

上記のスタイルシートで * が何をするか説明できる人はいますか

4

1 に答える 1

3

ルールの前に * を追加すると、特に IE7 がターゲットになります。

以前は、わずかな位置の変更が必要な場所 (top: 8pxすべてのブラウザーとtop: 2pxIE7 など) で使用していました (CSS で IE7 をサポートしなくなりました)。

#myelement {
 top: 8px;
 *top: 2px;
}

したがって、まったく異なる IE7 スタイルシートを作成する必要はありませんでした。

于 2013-10-28T10:40:10.533 に答える