CSS
前回のエントリーに書こうと思っていたら忘れていました。
CSSのお話。
今回アルファPNGを利用していることは前回のエントリーにもありますが、
ここでエントリーしているようにブラウザによって色が少し変わってしまうので、IE7、IE6、Safariとそれぞれが違う画像を利用するようにハックを利用しています。
IE7とSafariではブラウザで表示されたときに制作時のカラーより若干濃く表示されるので、想定しているカラーとの誤差分明るめのカラーのpngを用意し、IE6ではGIFを用意して利用しています。
IE7のみに反映させるCSSハックは下記のように記述します。
*+html body #contents {
color: #FF0000;
}
Safariのみの場合は下記。
html:\66irst-child #contents{
color: #00FF00;
}
CSS Validatorでも問題ないようです。
