Netscape 4だけ別のスタイルを指定する |
Internet Explorer | Netscape Navigator | iCab | Safari | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
3.0x | 4.0x | 4.5 | 5.0x | 5.5 | 6.0 | 2.0x | 3.0x | 4.0x | 4.x | 6.0 | 7.0 | 2.x | 1.x | |
Windows | × | ○ | - | ○ | ○ | ○ | × | × | ○ | ○ | ○ | ○ | - | - |
Macintosh | × | × | × | ○ | - | - | × | × | ○ | ○ | ○ | ○ | ○ | ○ |
UNIX | - | - | - | - | - | - | × | × | ○ | ○ | ○ | ○ | - | - |
ポイント | Netscape 4や他ブラウザでの共通のスタイル定義 /*/*/ Netscape 4以外のスタイル定義 /* */ |
---|---|
説 明 | Netscape 4だけ別のスタイルを定義するにはコメントのバグを利用します。Netscape 4では/*/*/と書くとコメントの開始とみなされます。他のブラウザではコメントの開始と終了で正しく認識されます。つまり/*/*/と/* */の間に一般的なブラウザでのスタイル定義を行い、それ以外の場所でNetscape 4のみのスタイルもしくは共通のスタイルを定義すれば良い事になります。 |
サンプル | <html> <head> <title>Netscape 4対策</title> <style type="text/css"><!-- div { color: red } /*/*/ div { color: green } /* */ body { background-color:yellow; } --></style> </head> <body> <div>Netscape 4とそれ以外で文字の色の表示が異なります</div><br> Netscape 4だと赤色、それ以外のブラウザでは緑色で表示されます。 </body> </html> |
補足説明 | なし |
■サンプルを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |