IE7, IE6に対するCSSハック : CSS


IE6,7専用のハックのまとめ。

#hoge {			/* 一般のブラウザに適用 */
    margin: 10px;
    padding: 6px;
}
*:first-child+html #hoge { 		/* IE7にのみ適用 */
    padding: 4px;
}
* html #hoge { 		/* IE6にのみ適用 */
    padding: 2px;
}

同一セレクタ内で、IE6以前にのみ適用したい場合

#hoge {
    margin: 10px;
    padding: 6px !important;	/* 一般のモダンブラウザに適用 */
    padding: 4px;		/* IE6以前にのみ適用 */
}

IE6以前が!importantを解釈しないことを利用している。

コメント


  1. Deep thinking – adds a new dimneison to it all.

    コメント by Dayana — 2011-12-15 @ 5:35 AM

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。