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

投稿日 : 2008年12月16日 | 更新日 : 2011年07月14日 前のページへ戻る

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を解釈しないことを利用している。

CSS | 固定リンク | Comments (1)

関連記事

• Clearfix : css
• CSSでfloatを用いたレイアウトの注意点 : CSS
• float要素の末尾のテキストが意図しない場所に複製表示される問題 : CSS
• CSSハック : css
• Geckoの画像間の隙間問題 : css

このページの上へ移動

このページの上へ