2016-11-28 44 views
-2

誰かが私が間違っていることを理解する助けになることができますか?上部中央に画像を追加したいが、何も表示しない。ここにCSSコードがあります。ありがとうございます。ブロックの背景として画像を追加するには

div.header { 
    background: url(photo/header.png) no-repeat ; 
    display: block; 
    width: 1002px; 
    height:178px; 
} 
+0

私によく見えます。それはうまくいくはずです。コンソールにエラーがありますか? http://output.jsbin.com/gibewipebo –

+0

コードヘルプを求める質問には、問題**の中で、** [** Stack Snippet **](https:// blog .stackoverflow.com/2014/09/introduction-runnable-javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルを作成する方法**](http://stackoverflow.com/help/mcve) –

+0

コメントマンを読んだことがありますか? –

答えて

0

(../photo/header.png) のように画像のパスを変更してみてください。フォルダ構造を作ることができますか?同じフォルダ内のhtmlファイルとフォトフォルダですか?

+0

(kgproject/photo/header.png)へのパスが変更されたばかりで、kgprojectフォルダにhtmlがありません。 –

+0

それは間違っています。あなたのhtmlファイルと同じフォルダにあるフォトフォルダをコピーしてみてください。 –

+0

は、htmlファイルの保存場所と写真フォルダの保存場所を示すフォルダ構造を作成する必要があります。あなたのコードでは、htmlファイルとphotoフォルダは同じフォルダになければなりません。しかし、ウルのケースでは、別のフォルダの権利ですか? –

0

私たちはこの問題についてさらに詳しい情報が必要だと思います。あなたのコードに誤字があるかもしれません。 backgroundまたはbackground-imageプロパティを使用する場合は、引用符を使用する必要があります。このように:background:url( 'photo/header.png')no-repeat;

+0

私はすでにこれを試していますが、背景画像でさえも、この変更のどれもうまくいきませんでした。このコードがうまくいけば、ファイルやディレクトリに問題があるはずです。どうもありがとうございました。 –

関連する問題