webサイトを作る上では、いろーんなブラウザでのズレなどが起きないよう心がけて作る必要がある。けども、全てに対し全く同じ見た目になるなど、ほぼあり得ない。レイアウト構成が複雑になれば尚更。そんなとき、ズレ等が発生しているブラウザのみにcss指定を行うときにcssハックというもんを使う。まーいわゆるブラウザ個別のバグっちゃバグですが。 下記、一覧になりやす

IE6に適応

SELECTOR { ★ } * html SELECTOR { ☆ }

IE7に適応

SELECTOR { ★ } *:first-child+html SELECTOR { ☆ /*\*//*/ ★ /**/ }

IE8bに適応

SELECTOR { ★ /*\*//*/ ☆ /**/ }

IE6、7に適応

SELECTOR { ★ } * html SELECTOR { ☆ } *:first-child+html SELECTOR { ☆ /*\*//*/ ★ /**/ }

IE7、8bに適応

SELECTOR { ★ } *:first-child+html SELECTOR { ☆ }

IE6、7、8bに適応

SELECTOR { ★ } * html SELECTOR { ☆ } *:first-child+html SELECTOR { ☆ }

IE6、7以外に適応

SELECTOR { ★ } html>/**/body SELECTOR { ☆

Firefoxに適応

SELECTOR { ★ } html:not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ } html/* */:not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ } html:/* */not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ } html:not([lang*=""]) head~body SELECTOR { ☆ }

Safariに適応

SELECTOR { ★ } html:not(:only-child:only-child) SELECTOR { ☆ }

or

SELECTOR { ★ } body:last-child:not(:root:root) SELECTOR { ☆ }