★備忘録→ 01IE5.5 > 02IE6 > 03IE7 > 04IE8 > 05MacIE4/5 > 06fox > 07Safari > 08Opera END
07Hack(Safari1/2/3)
Safari1/2/3で使えるHackとサンプル例
●Safari 2用ハック
●Safari 3/GoogleChrome用ハック
●Safariハック
●CSS使用例
END
★Safari 2用ハック
CSS Validatorに通る?。
html[xmlns*=""] body:last-child セレクタ
{.....Safari 2に対するスタイル.....}
html:not(:onry-child:onry-child) 適当な ID セレクタ
{.....正規のスタイル.....}
/*For Safari 2*/
html[xmlns*=""] body:last-child #content {
border-right-width: 0.1em;
}
★Safari 3/GoogleChrome用ハック
CSS Validatorに通る?????。
html:not(:only-child:only-child)セレクタ{.....}
また、次のハックも利用できます。
@media screen and (-webkit-min-device-pixel-ratio){
セレクタ {.....}
}
★chap05_p181_choco-mint_safari.css
body:first-of-type #content {
border-right-width: 0.1em;
}
★Safariハック
Safariにのみスタイルを適用させる。
Safariにのみスタイルを適用させる。前者はスターハックとスター7ハックの複合技で、
それぞれのハックの適用ブラウザの差を利用したものです。また後者はSafari用のハック
として単独で利用が可能です。いずれのハックもCSS Varidatorを通過しません。
p { その他のブラウザ用のスタイル }
html*p { Safari用のスタイル }
* html p { その他のブラウザ用のスタイル }
Safari2~
html[xmlns*=""] body:last-child p { color:#FF0000; }
CSS使用例
○○○○○○ ○○○