0

私は自分のcssページで作業しており、プロジェクト全体をより見栄えよくするために、自分のWebサイトの周囲に背景画像を配置しようとしています。cssでは、本文に背景を含めましたが、ご覧のとおり、Webサイトには表示されません。私はなぜのように混乱していますか？以下はCSSとプロジェクトのウェブサイトです。

#header {text-align: center;}

#body { background-image:url('backgroundflower.jpg');}


#container {
    width: 960px;
    margin: 0 auto;
     background-color: #FAFAFA;
     color: #003300;
     font-family: Arial, Helvetica, sans-serif;

}

#h2 {text-align: center;}

#container {
            width: 960px;
            margin: 0 auto;
        }

        #container div {
            border: 1px solid black;
        }

        #header {}

        #left,
        #center,
        #right {
            float: left;
            margin: 10px 0 10px 20px;
            min-width: 200px;
        }

        #center {font-family: Josefin Slab; background-color: #FFFFFF;
            width: 494px;
        } 

        .clear {
            clear: both;
        }

#right { font-family: Josefin Slab;}

#left a {text-decoration: none;
         display: block;
         text-align: center;
         color: #FFFFCC;
         font-weight:bold;
         border: 3px outset #CCCCCC;
         padding: 5px;}

figure{}

#left a:link { background-color: #003366; }
#left a:visited { background-color: #48751A; }
#left a:hover {border: 3px inset #333333; }

#left ul { list-style-type: none;
          margin: 0;
          padding-left: 0; }

#footer { text-align: center; font-family: Audimat; background-color: #E1F5A9;
    clear: both; }

http://younani.com/finalsite/finalindex.html

また、お客様のバナーを作成しましたが、ようなに花と書いてあるところに貼ろうとすると、伸びてヘッダーの上にくるだけで収まりません。h1の画像を配置するより良い方法はありますか？提供するためにさらにコーディングが必要な場合は、私に知らせてください。ありがとうございました。

4

2 に答える 2

2

ボディの前にハッシュを付けることで、ボディをIDとして扱いました。

#body { background-image:url('backgroundflower.jpg');}

そのはず：

body { background-image:url('backgroundflower.jpg');}
于 2012-12-02T01:11:06.183 に答える
2

CSSはを参照し#bodyますが、bodyのID属性を持つ要素はありません。

を削除し、#CSSのその行を次のように更新する必要があります。

body { background-image:url('backgroundflower.jpg');}
于 2012-12-02T01:11:44.550 に答える