FC2ブログ

おかしいと思ったら

bodyの背景画像

初めまして。

いくつかテンプレートを適用していて気付いたのですが、<body>のbackground-imageを利用しているテンプレートだと、MacのSafariで画面上部に27pxの背景画像の描画されない領域が出現します。

原因を調べていたところ、自動で挿入される http://blog-imgs-1.fc2.com/css/common/headbar/110513style.css の中に以下のような記載がありました。

/* for all IE only */
html {
position: static\9;
}
body {
margin-top: 27px\9;
background-position-y: 27px;
}


この最後の1行 background-position-y を(Safari側で)オフにしたところ、キレイな表示になりました。
また、コメントの内容から考えても、この最後の1行には \9 指定が必要かと思います。

スタッフの皆さん、お忙しいところ申し訳ございませんが、ご確認よろしくお願い致します。

by IT技術者  2011年07月10日 22:51
by IT技術者
2011年07月10日 22:51

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

このコミュニティにご参加頂くと、コメントの書き込みができます

2件中、1~2件表示