Top ＞ テクニックメモ ＞ スタイルシートネタ ＞ 対応ブラウザのみに対応させるハック

対応ブラウザのみに対応させるハック

このブラウザにだけスタイル設定を対応させたい、このブラウザ以外にスタイルを設定させたい。
そのときに便利なのがこれらのハックです。
ただし…このハックはこれからのブラウザでどうなるのかわかりませんので…できるだけ使わずに、ハックしなくても良いデザインを考えることが大切だといわれています。


対応ブラウザ 対応ブラウザに●を適用 対応ブラウザ以外に●を適用
対応ブラウザに■を適応
スターハック（* html ）
inIE4.0～6.0
MacIE4.0～5.2		 * html p {
●
}		 p{
●
}
* html p {
■
}
アンダースコアハック（_）
inIE4.0～6.0 p{
_●
}		 p{
●
_■
}
バックスラッシュハック（/*\*/）
MacIE5.0～5.2 p {
●
/*\*/
■
/* */
}		 p {
/*\*/
●
/* */
}
Caioハック（/*/*/）
NN4 p {
●
/*/*/
■
/* */
}		 p {
/*/*/
●
/* */
}
ハッシュハック（#）
inIE4～6
MacIE5.0～5.2
Opera7
Mozilla
Firefox 		p{
#●
}		 p{
●

#■
}
スター7ハック（html *）
inIE5.5～6.0
MacIE5.0～5.2
Safari 		html*p {
●
}		 p {
●
}
html * p1 {
■
}
Fbriceインバージョン （/*/*//*/）
NN4
Opera4～5
 p{
/*/*//*/
●
/* */
}		 p{
●
}
p{
/*/*//*/
■
/* */
}
:root擬似クラス（:root）
MacIE5.0～5.2
Mozilla
FireFox
Safari 		:root p{
●
}		 p{
●
}
:root p{
■
}
xmlns属性（html[xmls] ）
Mozilla
FireFox
Opera7.5～
Safari 		html[xmls] p{
●
}		 p{
●
}
html[xmls] p{
■
}
全角スペースハック（　）
inIE4～6
WinOpera8
 p{
●
}		 p{
●
}
p{
　■
}
複合CSSハック スターハック/ スター7ハック
Safari html*p {
●
}
* html p {
■
}		 p {
●
}
html*p {
■
}
* html p {
●
}
※間違っていたらゴメンナサイ(^_^;)
投稿者: akasa 日時: 2006年08月13日 18:42|

「対応ブラウザのみに対応させるハック」関連本

トラックバック

対応ブラウザのみに対応させるハックへのトラックバック

» Mac版IEへの対応
現在サイトを作成していて、非常に頭を悩ませるのが、各ブラウザでのCSSの解釈の違... [詳細]

トラックバック時刻: 2006年09月08日 00:28 | from CODE-0
Akasa Rira
みつけたきせき