0

だから私はウェブサイトに取り組んでいて、空のdivの背景をセットサイズで設定しようとしていますが、なぜそれが機能しないのかわかりません。私が見ていないものを見た人はいますか？ありがとう、ティム。

コード：

.headerbg{
width:100%;
background-image:url('bg.jpg');
height:500px;
margin-bottom:25px;
}




<div class="headerbg">

        </div>
4

2 に答える 2

2

このようなエラーを防ぐには、ドキュメント ルートに関連する URL を定義する必要があります。たとえば、画像がhttp://example.com/path/to/image.jpgにある場合は、 を使用する必要がありますurl('/path/to/image.jpg')。これにより、可能なあいまいさが排除されます。

于 2013-06-05T21:34:39.060 に答える
0

コードに問題はありません。別の画像で試してみると、問題なく動作します。

background-image:url('http://placekitten.com/100/100');

http://jsfiddle.net/Guffa/bWKBB/

したがって、問題の原因はブラウザが画像を見つけられないことです。これには、次のようないくつかの理由が考えられます。

  • 画像が存在しません
  • 画像は別のフォルダに存在します

ページ内のタグに CSS コードがある場合style、画像の URL はページの場所を基準にしています。スタイル シートに CSS コードがある場合、画像の URL はスタイル シート ファイルの場所を基準にしています。

于 2013-06-05T21:37:59.940 に答える