Divクラスと背景画像がCSS上で動作しない

私は本当にCSSを吸っていますが、何らかの理由で、以下のコードで追加された変更をドキュメント上で追加することはできません（ただし、 HTMLを使用してテキストの色を変更する場合は、*属性を使用して色が変わります）Divクラスと背景画像がCSS上で動作しない

2つの問題 - 最初にdivクラスが更新されず、その変更が機能しません。

第2に、バックグラウンドイメージはまったく読み込まれず、正しくリンクされていると確信しています。

*{ 
 
    background-image: url ("file:\\\C:\Users\Dyldor\Desktop\dev\Landing 
 
    Pages\Fraud\finger.jpg"); 
 
    background-size: cover; 
 
} 
 

 
div.services { 
 
    padding:20px; 
 
    margin:20px; 
 
    height:10%; 
 
    width:100%; 
 
    text-align: center; 
 
    color:gray; 
 
}

<html> 
 
    <head> 
 
    <title> Hi World</title> 
 
    <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> 
 
    </head> 
 

 
    <body> 
 
    <h1> Online Landing Page </h1> 
 
    <p> Woo 
 
    <br> <br> 
 
    Sorry for hiding the text </p> 
 
    <div class="services"> 
 
    <h2> Service One </h2> 
 
    <p> Number 1 
 
     <br> <br> 
 
     Number 1 is a cool one 
 
     <br> 
 
     I promise </p> 
 
    </div> 
 
    <h3> Want To Find Your Code? Get In Touch Now. </h3> 
 
    </body> 
 
</html>

あなたのいずれかが、これは動作していない理由として私にいくつかのアイデアを与えることはできますか？

ありがとうございます！

出典

2017-08-14 Dylan Williams

の間のスペースを削除したURL（ "ファイル...."）;と背景 – zynkn

の二回のパスを確認してくださいIそれは私のエディタのURLテキストの色を変更しましたが、実際のイメージを追加しませんでした。パスはファイルエクスプローラから直接コピーされました。なぜ実際には動作しないのですか？ –

urlまたはuriの場合は、スラッシュを後方に使用する必要があります。スラッシュを一度確認してください。

出典

2017-08-14 04:55:18

ありがとう、それは最初の問題を解決しました！ –

<div class="services"></div>に電話する場合は、div.servicesに電話する必要はありません。ちょうど.services ...偶然HTMLコードを投稿することもできますか？

出典

2017-08-14 05:01:25

編集されたバージョンを追加しました（テキストのみ、私のビジネスのための進行中の仕事です） - 今もあなたの提案をテストします！ –

ホワイトスペースを削除し、 "（" と "URL"

*{ 
 
background-image: url("https://www.w3schools.com/css/mountain.jpg"); 
 
background-size: cover; 
 
} 
 

 
div.services { 
 
padding:20px; 
 
margin:20px; 
 
height:10%; 
 
width:100%; 
 
text-align: center; 
 
color:gray; 
 
}

<h1> Online Landing Page </h1> 
 

 
<p> Woo 
 
<br> <br> 
 
Sorry for hiding the text </p> 
 

 
<div class="services"> 
 
<h2> Service One </h2> 
 

 
<p> Number 1 
 
<br> <br> 
 
Number 1 is a cool one 
 
<br> 
 
I promise </p> 
 
</div> 
 

 
<h3> Want To Find Your Code? Get In Touch Now. </h3>

出典

2017-08-14 05:41:27

Divクラスと背景画像がCSS上で動作しない

答えて

関連する問題