CSSハックとは、ブラウザ間でCSSの指示が相違する現象を、
それぞれのブラウザに割り当てるようにするCSSコードのことです。
例えば、IE7で作ってIE6で崩れたけど、IE6にあわせるとIE7で
崩れてしまうといった現象を、ハックを使ってIE6にしか効かない指示を追加して
修正することができます。
各ブラウザのハックコードは以下になります。
【IE6に適応】
* html
【IE7に適応】
*:first-child+html
【IE8に適応】
head~/* */body
【IE6以外に適応】
html>body
【Firefoxに適応】
html:not([lang*=""])
【Safariに適応】
html:not(:only-child:only-child)
【HTML関連】 【CSS関連】 【SEOの基本】 【ドメイン関連】 【豆知識】
それぞれのブラウザに割り当てるようにするCSSコードのことです。
例えば、IE7で作ってIE6で崩れたけど、IE6にあわせるとIE7で
崩れてしまうといった現象を、ハックを使ってIE6にしか効かない指示を追加して
修正することができます。
各ブラウザのハックコードは以下になります。
【IE6に適応】
* html
* html .test{~~~~}
【IE7に適応】
*:first-child+html
*:first-child+html .test{~~~~}
【IE8に適応】
head~/* */body
head~/* */body .test{~~~~}
【IE6以外に適応】
html>body
html>body .test{~~~~}
【Firefoxに適応】
html:not([lang*=""])
html:not([lang*=""]) .test{~~~~}
【Safariに適応】
html:not(:only-child:only-child)
html:not(:only-child:only-child) .test{~~~~}
【HTML関連】 【CSS関連】 【SEOの基本】 【ドメイン関連】 【豆知識】