1

私はcssとhtmlに不慣れです。私はこのようなものを持っていました、そして私は背景画像を表示しません

...
<style type="text/css">
    #header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif') repeat-x;
background-color:#E42323;
}
</style>

</head>
<body>
<div id="header_contain">
    <h4>haga</h4>
</div>
</body>
...

画像の場所を確認しましたが、大丈夫です。グーグルから画像を入れてみたら表示されます。今ではbgの色だけが表示されます。bg画像を表示するにはどうすればよいですか？

4

4 に答える 4

4

css を次のように変更します。

#header_contain{
width:935px;
height: 135px;
background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
}
于 2012-08-25T14:13:59.923 に答える
2

ブラウザで要素を右クリックし、 を選択しますinspect element。
開いているウィンドウで要素のプロパティを見つけ、その背景 URL を見つけます。
URL が正しくない場合は、ツールチップが表示されますFailed to load the url。

ファイアフォックス

Firefox ブラウザーで、firebug プラグインを開き、consoleタブに変更して、ページをリロードします。
そこに http リクエストが表示されます。ブラウザーが URL を開けない場合は、コンソールにエラーが表示されます。

于 2012-08-25T14:49:23.723 に答える
1

background-imageプロパティ値には、画像の URL のみを含める必要がありrepeat-xます。

于 2012-08-25T14:32:44.003 に答える
1

あなたは書くべきです

background-image: url('bg.gif');
background-repeat: repeat-x;
background-color:#E42323;
background-position: left top;

次のようなすべてのことを理解する必要があります

「背景画像」は画像を追加できるタグです。"background-repeat" これは x 軸と y 軸で画像を繰り返すのに役立ちます "background-color" は色を塗りつぶすのに役立ちます "background-position" は px 、em などで画像の位置を変更するのに役立ちますしたがって、オーバーコードはこのようにすることもできます " background: url('bg.gif') #fff left top repeat-x ;"

于 2012-08-25T14:36:23.237 に答える