FC2ブログ

無料新規登録

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

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

いたお様のテンプレート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;
}

by ☆ニーナ☆  2010年06月15日 11:23
by ☆ニーナ☆
2010年06月15日 11:23

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

  • paruparuさん

    何度もお返事いただいて、ありがとうございました！

    いろいろ楽しめそうです。

    自分でももっと勉強して頑張ります。
    by ☆ニーナ☆  2010年06月16日 14:00
    by ☆ニーナ☆
    2010年06月16日 14:00
  • ＞画像を複数入れることは可能でしょうか？

    可能です。
    今回背景画像を設定したのは 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;
    }

    例えば、このような設定も有効になります。
    詳しいことは 「スタイルシート 背景」 などでお調べください。
    by paruparu  2010年06月15日 22:42
    by paruparu
    2010年06月15日 22:42
  • ありがとうございます！！

    透明になりました！！

    それと、もう一つよろしければ教えて下さい＞＜

    画像を複数入れることは可能でしょうか？

    例えば、一つは左に一つは右に、または全体に・・・という感じです。

    by ☆ニーナ☆  2010年06月15日 14:20
    by ☆ニーナ☆
    2010年06月15日 14:20
  • background-color: #000000; /* 外枠の色 */
    background: #000000; /* ヘッダー背景の色 */
    background-color: #000000; /* ボディ背景の色 */

    この部分（この行）を探して 削除すれば多分大丈夫だと思います。
    後で戻す可能性も考えると

    background-color: transparent;

    透明色にしておいた方が安心かもしれません。
    by paruparu  2010年06月15日 13:51
    by paruparu
    2010年06月15日 13:51
  • あ、すみません、

    プレビュー画面で確認したらダメだったので

    保存せずに戻しました（汗）


    追記

    追記で教えていただいた部分はどう修正すればいいでしょうか＞＜？



    by ☆ニーナ☆  2010年06月15日 13:27
    by ☆ニーナ☆
    2010年06月15日 13:27
  • ＞早速試してみましたが

    スタイルシートに設定が入っていません。 どこに設定されたのでしょうか？


    body {

    /* ----------------------------------------------------- */
    background-color: #000000; /* 画面背景の色 */
    /* ----------------------------------------------------- */
    margin: 0;
    text-align: center;
    }

    まだこのままの状態ですが。。。？？ これだと当然 黒背景 ですよね。



    追記：　それ以降の設定 にも

    /* ----------------------------------------------------- */
    background-color: #000000; /* 画面背景の色 */
    /* ----------------------------------------------------- */

    が 「たくさん」 入っているようです。

    .base_table　#header　.center_block　等
    width:100% になっているものが多いので この設定 も一緒に変更する必要がありそうです。
    by paruparu  2010年06月15日 13:08
    by paruparu
    2010年06月15日 13:08
  • paruparuさん

    ありがとうございます。

    早速試してみましたが、やはり黒が被ってしまいました；；
    by ☆ニーナ☆  2010年06月15日 11:58
    by ☆ニーナ☆
    2010年06月15日 11:58
  • body {
    margin: 0;
    background: #000 url(対象のurl) no-repeat left top;
    background-attachment: fixed;
    text-align: center;
    }

    私ならこのように書きますが、これでどうでしょうか？
    スタイルシートは設定が重複していると 後のものを優先します。

    by paruparu  2010年06月15日 11:44
    by paruparu
    2010年06月15日 11:44

8件中、1～8件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.