divのIMGの背景が

Question

だから、これは私のCSSコードである私のCSSでは動作しません：

#plaatje { 
background-image: url('Plaatjes\slider_two_temp.jpg'); 
width: 100%; 
height: 600px; 
position: absolute; 
top: 0px; 
left: 0px; 

}

そして、それはまったく動作しません。 HTMLファイルと同じマップに画像を配置しました。

Answer 1

あなたのコードは正常に見える物事のカップルを行います！

最初に、＃plaatjeが正しく参照されているかどうかを確認します。また、あなたがCSSに与えるあなたのイメージのパスを確認し、パスがあなたのCSSファイルへの相対であるあなたが正しいパスを入力する必要があり、CSSとHTMLファイルのパス

秒をチェック！あなたがその使用絶対パスについてわからない場合、あなたは、ライブサーバーのすべてのパスを変更する必要があります大規模なアプリケーションを持っている場合、例えばbackground-image: url('http://localhost/Plaatjes/images/slider_two_temp.jpg');が、を注意してください！

あなたが行うことができる最後のことは、実際にコードに間違いがあるかどうかを調べるために、ctrl + f12をinspect要素にヒットすることです！

も問題は、我々は上記のいずれもシェアを働かない場合エラー

を見つけていないファイルになり、当社のファイルの正しいパスを使用していないということですCTRL + F12を何度も押すことで、あなたのコンソールをチェックあなたのHTMLコード、CSSコードので、それを見てみることができます 希望に役立つ！

Answer 2

私はあなたが試すことができますどのような

#plaatje { 
 
    background-image:url('http://investorplace.com/wp-content/uploads/2016/02/google-amazon-goog-amzn-stock-300x200.jpg'); 
 
}

https://jsfiddle.net/karanmehta786/rd1yezc2/

Answer 3

は、あなたのスタイルタグにあなたのIDの詳細を囲むことができますし、任意のタグにid名を作ることができると思い、これを試してください段落タグのようなものです。その後、すべてのコードは問題なくなります。

<style> 
#plaatje{ 
    background-image: url('Plaatjes/slider_two_temp.jpg'); 
    width: 100%; 
    height: 600px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    } 
</style> 
    <p id="plaatje"></p> 

あなたは

<div id="plaatje"></div> 

ことによって、これを試してみたい場合は、それはまたのdivタグ