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でも問題ないようです。