« Daily Link 2006-11-14 | Note | Back To Blog Top | Daily Link 2006-11-16 »
最低限のスタイル
先日の旧式ブラウザのCSS対策というエントリでは、Ver,4世代以前のブラウザでは、全ての外部CSSをカットするという手法を載せました。
しかし、真っ白い背景に真っ黒い文字だけというのは、さすがに寂しすぎると感じる事もあります。
そんな時は、Ver,4世代のブラウザのみを対象にして、最低限のスタイルを指定してみませう。
body {
background:#ddddaa;
}
a img {
border:none;
color:#ddddaa;
}
h1 {
font-size:1.5em;
color:#0066cc;
}
指定するスタイルの一例です。 極々基本的な内容になっています。
bodyの背景色とimgのカラーを同じ色にしているのは、NN4.xでborder:noneが効かない問題に対応する為です。
次に、このスタイルをどこに記述するかという問題ですけど、一つは専用の外部CSSを作成する手があります。
Ver,4世代に指定した部分は、新しいブラウザの外部CSSで上書きすれば問題ありません。
しかし、それをするにはlink属性を複数設置する必要があります。
IE3ではlink属性が複数ある場合には、最後の物のみを読み込むという不具合があるので、IE3は除外される事になります。