0

背景画像をヘッダー div 内に表示しようとしていますが、表示されません。誰かが私が間違っているところを教えてもらえますか?

CSS コード:

#header{
width:900px;
/*background-color:#009999;*/
background-image:url('../images/background_img.jpg');
float:left;
text-align:center;
}

htmlコード

<body>
<div class="contentwrapper">
<div id="header">
hello

<!--<div id="logo">
    <img src="images/small_gama_logo.png" />
</div>
<div id="company_name">
    <h1>Gama Corporate Services Sdn Bhd</h1>
</div>-->
</div>
<div id="navbar">
    <ul>
        <li>Home</li>
        <li>About</li>
        <li>Contact</li>
    </ul>
</div>
4

5 に答える 5

1

DIV の高さも設定してみてください。背景画像に基づいて自動的にサイズ変更されることはありません。

于 2012-08-28T07:20:19.360 に答える
1

div に高さを追加します。

削除しても実際には表示されるため、パスと名前を実際に確認する必要があります。すべてが正しく、img が目的のディレクトリに存在することを確認してください。

#header{
width:900px;
/*background-color:#009999;*/
background-image:url('http://placehold.it/200x200');
float:left;
text-align:center;
height: 200px;
}​

コードをコピーして貼り付け、高さのみを追加し、img の場所を変更して、コードに問題がないようにしました。imgに問題があるはずです。

http://jsfiddle.net/Kyle_Sevenoaks/qtenp/

于 2012-08-28T07:49:14.050 に答える
0

#header にも高さ属性を設定します

#header{
 width:900px;
 height: 400px;
 /*background-color:#009999;*/
 background-image:url('../images/background_img.jpg');
 float:left;
 text-align:center;
}
于 2012-08-28T07:20:29.127 に答える
0

こんにちは、現在使用中の高さ

#header{
height:100px;
}
于 2012-08-28T07:27:03.820 に答える
0

ほとんどの場合、背景画像への URL が正しくありません (CSS ファイルの URL に関連していることに注意してください)。またbackground-image、より具体的な CSS ルールによってオーバーライドされる可能性もあります。

また、 http://jsfiddle.netで実際の例を見ると非常に役立ちます。

于 2012-08-28T07:44:54.197 に答える