2017-12-01 7 views
0

私はウェブ開発(自己学習)にいくぶん新しく、ちょうどCSSに背景画像を追加する方法を学ぶことをやっているようではありません。画像はHTMLのようにうまく動作します<img> CSSではありません背景画像何が欠けていますか?

HTMLで画像を追加したところ、ウェブブラウザで正常に表示されましたが、同じ画像を背景画像として追加しようとすると機能しません。私は何かシンプルなものを見逃していると確信していますが、今のところ私はそれを理解できません。ここでは、コード

は、これは完全に正常に動作します私のHTMLのIMGコードされている

<div class="pic" 
<img src="C:\Users\omar\Pictures/applelogoretro.jpg.jpg" atl="happy" 
style="width:85%; height:75%;"/> 
</div> 

背景画像HTML

<div class="backpic"> 
<p>This is the TEXT on my BackGround image</p> 
</div> 

CSS

.backpic{ 
background-image: url"C:\Users\omar\Pictures/applelogoretro.jpg.jpg"; 
} 

なぜ映像作品の罰金など通常の画像であるが、背景画像ではない。あなたの答えがより詳細になればなるほど、もっと助けてくれるでしょう。

+3

画像にローカル絶対パスを使用しないでください。代わりに相対パスを使用してください。また、CSSの背景イメージの構文が正しくありません。独自の構文を作成しないでください。 – Raptor

+2

Raptorが指摘しているように、相対的なパスは何かを調べると、1トンの作業を節約できます。 – YAHsaves

答えて

2

構文をチェックしてみてください。 CSSの

background-image: url("pathtoyourimage.jpg"); 
2

URLは括弧内にある必要があります:

だから、このライン background-image: url"C:\Users\omar\Pictures/applelogoretro.jpg.jpg";

が@Raptorと@YAHsavesが指摘したように、あなたは相対パスを使用する必要がありますbackground-image: url("C:\Users\omar\Pictures/applelogoretro.jpg.jpg");

であるべき

0

構文をチェックしてみてくださいror(>)、これを行うかどうかを確認してください。

 

    .pic{ background-image: url(ggg.jpg); 
    background-repeat: no-repeat; 
} 

関連する問題