注目タグ

おかしいと思ったら

トピック詳細

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 指定が必要かと思います。

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

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

コメント一覧 2件中、1~2件表示

  • > yosoilue さん

    検索バーって消す事ができるんですね。無事にキレイな表示へ変えることができました。情報ありがとうございました!

    2011年07月11日 23:45 by IT技術者

  • 表示されないとされている部分には検索バーというものが表示されています。
    http://blog.fc2.com/info/blog-entry-774.html

    一番簡単に解決するには環境設定で検索バーを利用しないにすれば正常な表示になると思います。

    検索バーについて詳しく知りたい場合には、
    http://paro2day.blog122.fc2.com/blog-entry-681.html
    こちらの記事が参考になるかと思います。

    2011年07月11日 01:53 by ロギラキ