1

ヘッダー画像を作ったのですが、なぜかCSSから出てきません。

スクリーンショットは次のとおりです。 ここに画像の説明を入力

ヘッダーは、index.html ファイルと同じ画像ディレクトリにあります。背景画像は表示されていますが、このヘッダーは表示されていません。HTML にヘッダーを div として 2 回入力して、2 つの異なる場所でテストし、機能しているかどうかを確認しましたが、何らかの理由で表示されず、わかりません笑。

ありがとう。

#header {
        background-image:url('../emailheader.png');
        width:100%;
        height:100%;
        background-repeat:no-repeat;

 } 

<div id="header"></div>

これがその例です。しかし、なぜうまくいかないのかわかりません。

4

5 に答える 5

9

div にはコンテンツがないため、その高さは 0 であるため、何も表示されません。コンテンツを div に追加するheightかmin-height、CSS に または を追加します。

height:100%要素の高さをその親の高さと同じに設定し、親の ( #container) 高さが設定されていないため、機能しません。

http://tinkerbin.com/QDAEuDUAを参照してください。

于 2012-06-28T06:59:21.763 に答える
5

デモ

高さを指定する必要があります。そうでない場合は、内部コンテンツの高さに依存します。0 

 #header {
            background-image:url('http://i.imgur.com/ncTiy.png');
            width:100%;
            background-repeat:no-repeat;
            height:200px;
     }
于 2012-06-28T06:57:33.243 に答える
1

高さ100％、幅100％を使用していることが原因です。px値に変更するだけです。

于 2012-06-28T07:03:46.360 に答える
1 
#header {
    background-image:url('../emailheader.png');
    width:100%;
    height:100%;
    background-repeat:no-repeat;

}

html{height:100%;}

body{height:100%;}

div#header のコンテンツなしで機能するか、div にコンテンツを配置するか、min-height を使用すると機能します。

ありがとうございました

于 2012-06-28T07:09:30.817 に答える
0

コードのスクリーンショットを見ると。私は2つの問題を見つけました。

  1. そもそもスタイルシートは添付されていません
  2. header2つの異なる要素を識別するために使用されます。（ Blasterでも言及されています）

ただし、ティンカービンに表示されない主な理由divは、要素が含まれておらず、寸法が固定されていないためです。ごみ箱のこの更新を確認してください。

于 2012-06-28T06:58:51.997 に答える