マンゴスチンw風テンプレート
FC2BLOGシンプルテンプレート公開と更新と編集
テンプレート(16)
テンプレート全種(2)
mango1_2rm_be(4)
mango2_2lm_wg(3)
mango3_1aa_eb(2)
mango4_1bi_gw(2)
mango5_3sm_bw(1)
mango6_2aa_eg(1)
カスタマイズ(1)
表示見本(2)
カウンター(2)
未分類(0)
全記事一覧
前の記事
次の記事
2011/05(2)
2011/04(1)
2011/02(1)
2011/01(7)
2010/12(10)
背景画像の表示について
テンプレート名: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
最新記事
テンプレート更新9 (05/10)
テンプレート公開6 (05/10)
背景画像の表示について (04/30)
テンプレート公開5 (02/25)
テンプレート更新8 (01/24)
最新コメント
マンゴスチンw:テンプレート更新4 (02/20)
マンゴスチンw:背景画像の表示について (05/01)
マンゴスチンw:テンプレート公開4 (04/30)
マンゴスチンw:テンプレート更新8 (01/30)
おいやん:テンプレート更新8 (01/29)
最新トラックバック
カテゴリ
テンプレート(16)
テンプレート全種(2)
mango1_2rm_be(4)
mango2_2lm_wg(3)
mango3_1aa_eb(2)
mango4_1bi_gw(2)
mango5_3sm_bw(1)
mango6_2aa_eg(1)
カスタマイズ(1)
表示見本(2)
カウンター(2)
未分類(0)
月別アーカイブ
2011/05 (2)
2011/04 (1)
2011/02 (1)
2011/01 (7)
2010/12 (10)
プロフィール
Author:マンゴスチンw
カレンダー
04
| 2022/05 |
06
日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
-
-
-
-
RSSリンクの表示
最近記事のRSS
最新コメントのRSS
最新トラックバックのRSS
リンク
管理画面