私の背景イメージが機能しないのはなぜですか？

Question

私はこれを数日前に解決しようとしていました。私の背景イメージは表示されませんが、イメージサイズ（空白）はありません。ここ は私のコード HTMLまた

<div id="contact"> 
<p>Let talk! contact us via e-mail, phone or text coming soon</p> 
</div> 

CSS

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb/redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

この問題であればわからないですが、私は私のcssシートの先頭、および背景画像内

body{ 
background-color: #dddddd; 
} 

を持っています「体」にある。 ご協力いただきありがとうございます。非常に詳細な回答が優先されます。

Answer 1

あなたは画像の場所を変更する二つのもの........第一のことを行うとどこがあなたのhtmlファイルを保存し、保存することができます... 第二のもの

#contact{ 
background-image: url("C:\Users\omar\Pictures\notaryweb\redphone.JPG"); 
width: 100%; 
height: 105%; 
background-repeat: no-repeat; 
} 

あなたの間違いはあなたですこれを使用しますスラッシュを使用すると逆スラッシュになります。

Answer 2

パスにはfile:///を使用する必要があります。以下のように

background-image: url("file:///C:/Users/omar/Pictures/notaryweb/redphone.JPG"); 

また、ファイルが存在することを確認してください。

Answer 3

あなたが作っているスラッシュ間違いスラッシュをバックに入れてください "\"

間違っ： URL（ "C：\ Users \ユーザーオマール\写真\のnotaryweb/redphone.JPG"）正しい

： URL （ "C：¥Users¥omar¥Pictures¥notaryweb¥redphone.JPG"）

このパスに画像があることを確認してください。

Answer 4

ウェブのコンテキストパスにイメージを保存する方が良い方法です。あなたのウェブに画像フォルダを作成して使用する方がよいでしょう。そうすることで、フォワードスラッシュをバックスラッシュに置き換える必要もありません。

Answer 5

C：¥Users¥omar¥Pictures¥notaryweb/redphone.JPGをC：¥Users¥omar¥Pictures¥notaryweb¥redphone.JPGに変更する必要があります。

さらにheight: 105%をパーセントからheight: 105pxに変更する必要があります。