CSS ハック 一覧

Mac IE適用

 

body { /**//*/ ●●●●●●● /**/ }

.aaaa{
[for ie5.5only]
voice-family: ""}"";
voice-family: inherit;
[for other]
}

voice-family: “”}””;
voice-family:inherit;

.aaaa{
[for ie5.5only]
voice-family: “”}””;
voice-family: inherit;
[for other]
}

*:first-child+html {
IE7 only
}

html>/**/body div { Firefoxのスタイル }

CSSハック 対応ブラウザ 対応ブラウザのみ適用
(color:黒→赤を適用)
対応ブラウザ以外適用
(color:黒→赤を適用)
通常 CSS対応ブラウザ
p {  color: #F00;}
  スターハック WinIE4.0~6.0
MacIE4.0~5.2
* html p {  color: #F00;}
p{  color: #F00;}* html p {

color: #000;

}
アンダースコアハック WinIE4.0~6.0
p{  _color: #F00;}
p{  color: #F00;_color: #000;}
バックスラッシュハック MacIE5.0~5.2
p {  color: #F00;/**/ color:#000; /* */}
p {  /**/ color: #F00; /* */}
Caioハック NN4
p {  color: #F00;/*/*/ color: #000;/* */}
p {  /*/*/ color: #F00;/* */}
ハッシュハック WinIE4~6
MacIE5.0~5.2
Opera7
Mozilla
Firefox
p{  #color: #F00;}
p{  color: #F00;  #color: #000;}
スター7ハック WinIE5.5~6.0
MacIE5.0~5.2
Safari
html*p {  color: #F00;}
p {  color: #F00;}html * p1 {

color: #000;

}
Fbriceインバージョン NN4
Opera4~5
p{  /*/*//*/color:#F00;/* */

}
p{  color:#F00;}p{

/*/*//*/

color:#000;

/* */

}
:root擬似クラス MacIE5.0~5.2
Mozilla
FireFox
Safari
:root p{color:#F00;}
p{color:#F00;}:root p{

color:#000;

}
xmlns属性 Mozilla
FireFox
Opera7.5~
Safari
html[xmls] p{color:#f00;}
p{color:#F00;}html[xmls] p{

color:#000;

}
名称不明
(プロパティ名の前に全角スペース)
WinIE4~6
WinOpera8
p{ color:#f00;}
p{color:#F00;}p{

color:#000;

}
複合CSSハック
スターハック
スター7ハック
Safari
html*p {  color: #F00;}* html p {

color: #000;

}
p {  color: #F00;}html*p {

color: #000;

}

* html p {

color: #F00;

}

引用先がどこだったか忘れてしまいました。すみません・・・。

引用その1

http://blog.webneta.net/archives/2007/04/09/