注目タグ

テンプレート・プラグイン

トピック詳細

背景に色が被ってしまいます

いたお様のテンプレート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 ☆ニーナ☆

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

  • 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