マンゴスチンw風テンプレート

FC2BLOGシンプルテンプレート公開と更新と編集

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

背景画像の表示について

mango4_1bi_gw.JPG テンプレート名:mango4_1bi_gw

サンプル画像を右下に配置していますが、最近移動して表示されているようです。
ブログのいちばん上にFC2の検索バーなるものが追加されたようで、その影響みたいです。
スタイルシートにも対策が必要になりました。



background: #333 url(http://blog-imgs-45.fc2.com/m/a/n/mangosteen112/mango_b1_1.jpg) no-repeat right bottom fixed; /* 背景色・背景画像 */

この最後に、半角スペースと、!importantを追加すると

background: #333 url(http://blog-imgs-45.fc2.com/m/a/n/mangosteen112/mango_b1_1.jpg) no-repeat right bottom fixed !important; /* 背景色・背景画像 */

と、なり設定どおり右下に表示されます。


以下引用------------------------------------------------------------------

「FC2ブログ検索バーの仕様とデザイン・表示の変更方法」
2011年3月10日からサーバごとに順次導入されています。ブログ検索バーは強制広告の類ではないため、ユーザ側で非 表示にすることができます。利用中のテンプレートによってはスタイルシートなどを変更しないと、正常に表示され なかったり、レイアウトが崩れることがあるかもしれません。
(略)
IEでbody要素に背景画像があり、縦位置に「top」以外の「bottom」「center」「30%」などを指定しても、検索バーの「background-position-y: 27px;」が優先されます。
(略)
これを回避するには「body」の前に「html」をつけたり、末尾に「 !important」を付加します。

-----------------------------------------------------ブログParodayさんより抜粋

参考記事
http://paro2day.blog122.fc2.com/blog-entry-681.html#barTemplate
http://blog.fc2.com/info/blog-entry-774.html

管理人のみ閲覧できます 

このコメントは管理人のみ閲覧できます

Re: 

こちらこそ、ありがとうございました。
しばらくチェックしておらず、教えてもらうまで気づきませんでした。
これからもよろしくお願いします。

コメント投稿

  • URL
  • コメント
  • パスワード
  • 管理者にだけ表示を許可する

トラックバックURL

http://mangosteen112.blog112.fc2.com/tb.php/31-681be6da
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。