奇妙なCSSの問題

Question

イメージヘッダーを繰り返して何かの理由でCSSがうまくいかず、CSSがうまくいかず、何か間違っていますか？

body { 
    background:url(images/bg.png) repeat 0% 0%; 
    font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; 
    margin: 0; 
     padding: 0; 
} 
/* this part is not working its only showing the header in its original size I am trying to make it repeat*/ 

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 

} 

HTML: 
<div id="wrap"> 
    <div id="header"> 



    </div> 
    </div> 

Answer 1

あなたのパスです。 header.pngはCSS文書と同じパスにありますか？

width: 100%; 
background: url(../header.png) repeat-x; 
height:44px; 

は、各サブため../を追加した画像はどこにあるから、あなたの中にフォルダ：

ない場合は、相対パス機能、EXを使用しています。

Answer 2

インライン要素のサイズを変更しようとしている可能性があります。この引数を追加してみてください：ブロック

編集：divを使用していることがわかりました。以前の回答は無視してください。

Answer 3

問題である可能性があり、

#header { 
    width: 100%; 
    background: url(header.png) repeat-x; 
    height:44px; 
    display:block 
} 
#wrap { 
    width: 100%; 
    display:block 
} 

を試してみてください。しかし..私は（別の画像付き）フィドルであなたの元のコードをテストし、それが良い作品に問題がある可能性があり、#headerには入っていません別の要素であります別の幅。 http://jsfiddle.net/ksCnL/

これはあなたのコードですが、正しい画像パスを持つ：

Answer 4

は、ここでは、このフィドルで

http://i51.tinypic.com/2ds1ele.jpg

Answer 5

ルックを正常に動作します。 header.pngが親ディレクトリにある場合は、url('../header.png');を使用してください。 画像フォルダ内にある場合は、url('../images/header.png');またはurl('/images/header.png');を試してください。

ファイルの場所を探し、パスを修正します。