背景に色が被ってしまいます
いたお様のテンプレートstandard_wide_blackを使わせていただいています。
背景に画像を入れたくて はじめてのFC2ブログカスタマイズを参考にして、スタイルシートに↓の赤字部分のように入れてみま したが、上から黒い色が被って表示されてしまいます。どのように修正すればよいでしょうか?過去のフォーラムで似たようなトピッ クを探してみましたが見つけることができませんでした。
どなたかご指導宜しくお願いいたします。
/* 画面全体 */
body {
background: url(対象のurl) #000;
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:#000;
}
/* ----------------------------------------------------- */
background-color: #000000; /* 画面背景の色 */
/* ----------------------------------------------------- */
margin: 0;
text-align: center;
}
2010年06月15日 11:23 by ☆ニーナ☆
paruparuさん
何度もお返事いただいて、ありがとうございました!
いろいろ楽しめそうです。
自分でももっと勉強して頑張ります。
2010年06月16日 14:00 by ☆ニーナ☆
>画像を複数入れることは可能でしょうか?
可能です。
今回背景画像を設定したのは body なので、それ以外のものに関しての背景は別に設定できます。
body {
margin: 0;
background: #000 url(対象のurl) no-repeat right top;
background-attachment: fixed;
text-align: center;
}
.base_table {
width: 100%;
background: url(対象のurl) no-repeat left bottom;
text-align: left;
margin: 0 auto;
}
例えば、このような設定も有効になります。
詳しいことは 「スタイルシート 背景」 などでお調べください。
2010年06月15日 22:42 by paruparu
ありがとうございます!!
透明になりました!!
それと、もう一つよろしければ教えて下さい><
画像を複数入れることは可能でしょうか?
例えば、一つは左に一つは右に、または全体に・・・という感じです。
2010年06月15日 14:20 by ☆ニーナ☆
background-color: #000000; /* 外枠の色 */
background: #000000; /* ヘッダー背景の色 */
background-color: #000000; /* ボディ背景の色 */
この部分(この行)を探して 削除すれば多分大丈夫だと思います。
後で戻す可能性も考えると
background-color: transparent;
透明色にしておいた方が安心かもしれません。
2010年06月15日 13:51 by paruparu
あ、すみません、
プレビュー画面で確認したらダメだったので
保存せずに戻しました(汗)
追記
追記で教えていただいた部分はどう修正すればいいでしょうか><?
2010年06月15日 13:27 by ☆ニーナ☆
>早速試してみましたが
スタイルシートに設定が入っていません。 どこに設定されたのでしょうか?
body {
/* ----------------------------------------------------- */
background-color: #000000; /* 画面背景の色 */
/* ----------------------------------------------------- */
margin: 0;
text-align: center;
}
まだこのままの状態ですが。。。?? これだと当然 黒背景 ですよね。
追記: それ以降の設定 にも
/* ----------------------------------------------------- */
background-color: #000000; /* 画面背景の色 */
/* ----------------------------------------------------- */
が 「たくさん」 入っているようです。
.base_table #header .center_block 等
width:100% になっているものが多いので この設定 も一緒に変更する必要がありそうです。
2010年06月15日 13:08 by paruparu
paruparuさん
ありがとうございます。
早速試してみましたが、やはり黒が被ってしまいました;;
2010年06月15日 11:58 by ☆ニーナ☆
body {
margin: 0;
background: #000 url(対象のurl) no-repeat left top;
background-attachment: fixed;
text-align: center;
}
私ならこのように書きますが、これでどうでしょうか?
スタイルシートは設定が重複していると 後のものを優先します。
2010年06月15日 11:44 by paruparu
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー