質問: safariだけcssが反映されない あ あ このhtmlはbase.css(以下)を読み込んでいます。 /* css document */ @charset "shift_jis"; body { background-image: url(images/bg.jpg); background-repeat: repeat; } fire fox、operaでは背景画像images/bg.jpgが 表示されていますが、safariでは真っ白です。 index.html内に と記述してしまえば、safariでも当然のように反映されていますが、 これが外部ファイルになると反映されません。 今回の例は、おかしい部分を抽出してみたのですが、 bodyの背景が表示されない、一番上に10pxくらいの空白(マージン? )が生じるという不具合以外、他の要素はsafariでもちゃんと表示されていました。 floatを使ったページはsafariでは背景が表示されないと いう情報を得て、検査するために抽出してゆき、最後には こんなにシンプルになっても障害がとりのぞけないので、 どんな見落としがあるのか、教えて頂けないでしょうか?
回答: 試して見たけど最初は再現できなかった。 で、もしやと思って > /* css document */ このコメントの部分もcssファイルに書いたら再現しました。 @charset は先頭に書かなければ行けないので コメントも書いちゃだめなんでしょう。 コメントか@charsetのどちらか消してください。 参考url:http://winmac.exblog.jp/4963334/