ブログ

［CSS］背景画像を指定できるように配慮された親切テンプレートの落とし穴

#hoge{background : url() #fff;}

こんな風に書かれている共有テンプレートがありましたら、ちょっと注意してみてください。

その部分、背景色が無効になってしまっています。
IEでは気付かないのですが、Safariだと、背景色が無効になり、設定によっては、その下の背景色や画像がアクティヴに なり、その結果、本文やプラグインが見えない、というケースもあります。

共有テンプレートの作り手さんは親切心から「背景画像を設定する場合」を想定して書いてくださっているのですが、その親切心 が残念ながら仇になってしまっています。

この場合、
#hoge{background : #fff;url() }
と書くと良く、ユーザは、背景画像がない場合は、url()を削除してしまうと万全です。

2007年09月06日 08:54  by sugar