  |
はてなキーワード: Safari4とは
http://www.pxgrid.com/2010codingcontest/
http://blog.webcreativepark.net/2010/02/22-015220.html
http://css-happylife.com/log/coding-contest/000758.shtml
第2回コーディングコンテストが開催されると先ほど知り、さっそくコーディングに取り掛かっているのですが、コーディングルールに疑問が1つ。でもこれを質問するとカンニングになっちゃうのかな？とも思い、主催者さんや審査員さんにお問い合わせするのもちょっと………と思い、増田で書いてみることにしました。
対象ブラウザにSafari4とありますが、少なくともWindowsXPで動作する最新のSafari4はCSS3のbox-shadowプロパティのinsetに対応していません。（Firefoxの最新版もChromeの最新版も対応していますが）
ページ内リンクやサイト内検索の部分に使われているレイヤースタイル「シャドウ（内側）」を、box-shadowのinsetに対応していないSafari4でも見れるようにするとなると、極めて面倒くさい。それこそ、本質的ではない作業を強いられます。せっかくグラデーションをCSSでつけたのに、影に画像を使わなければいけないというのは本末転倒のような気も。それだったら、端から画像で実装してしまったほうが、コードもずっときれいになります。（影の画像を使ったほうが若干の画像の容量の削減にはなりますが…）
CSS3の解説サイトの中にはSafari4でも動作していると書かれているところがあるので、もしかしたら別の環境下での最新のSafari4ではbox-shadowのinsetが動作するのかも（現にChromeは動作しているわけだし）…と思うのですが、どうなのでしょうか？
