小粋空間: IE7 の CSS ハック

「IE7 で閲覧すると表示が異なるのですが」というご質問を頂いたので、CSS ハックを利用して、IE7 のスタイルのみを変更する方法を紹介します。結論だけ述べますと、IE7 に異なるスタイルを適用する（=他のブラウザと表示を合わせる）場合、該当のセレクタの前に *:first-child+html を付与します。例えば、IDセレクタ #banner に適用させる場合、 *:first-child+html #banner { ： [IE7用のスタイルを記述] ： } となります。 なお、それ以外のブラウザのために、元の #banner の設定は、この追加したセレクタより前方に記述します（下記）。この順番を間違えると期待する表示にならないのでご注意ください。 #banner { ： [IE7以外のスタイルを記述] ： } *:first-child+html #banner { ： [IE7

[saemama]

IE7tou

[ow_ukeguchi]

CSSハック

[kisa_yoshi]

IE6 だけレイアウトずれるのかと思ったけど、実際は IE7 特有のバグでレイアウトがずれることがあるから本当にイヤ…

[locomo07]

メモ3

[torip]

　IE7ハックとか

[tohu_neko]

IE7のばか。

[crosse]

IEハック

[libs]

ハック

[hino16]

css　*:first-child+htmlでIE7だけに指定

[ikacr4u]

IEのみのCSSを適応したいとき。

[webmarksjp]

css

[franz_liszt]

CSSハックのまとめページです。

[You-2u]

IE7 の CSS ハック

[masamirock]

ie7

[hiro_y]

IE7のみに適用するhack、「*:first-child+html」。

[forcutie]

hack

[ami73]

IE7のみに適用のハック *:first-child+html

[sst]

*:first-child+htmlでIE7だけに適用

[aratako0]

ほかのブログからのまとめみたいなものだが、いずれ役立つかも。