2017-11-08 26 views
-2

ここでは、背景画像を表示しているときに何かに悩まされている初心者です。ブートストラップの背景画像が表示されない

.backg { 
    height: 100%; 
    background: url(http://formdoctors.com/creese79/msc/pages/med_background.jpg); 
    background-position: center center; 
    background-size: cover; 
} 

しかし、私はそう背景が起動しませんように画像のパスを指すようにしようとすると:私はそうのような画像にリンクするときすべてが正常に動作します。

.backg { 
    height: 100%; 
    background-image: url(med_background.jpg); 
    background-position: center center; 
    background-size: cover; 
} 

私はフォルダ内にその存在し、名前が正確であると仮定していますそれにリンクすることができ、それはCSSが正しく、他の場所で上書きされていない、完全に表示された場合。最初の方法を使用することはできますが、2番目の方法は使用できません。

+0

画像はウェブページと同じフォルダにありますか?コンソールにはどんなエラーがありますか? – j08691

+0

画像パスはCSSファイルのパスからの相対パスである必要があります。したがって、cssとimagesの両方がそのページフォルダにある場合は、イメージ名の前後に一重引用符を付けるだけでよいはずです。それ以外の場合、cssがcssフォルダの下にある場合、 '../med_background,jpg'と入力してください。 – saNiks

答えて

-1

イメージとCSSのスタイルシートは、HTMLページと同じフォルダにありますか?

イメージとCSSファイルのファイルパスを確認してください。パスは、HTMLファイルではなく、CSSファイルに相対的でなければなりません。

+0

ありがとうございました!私はそのパスが自分のページに関連していると仮定していましたが、それはCSSファイル自体からでした。そんなばかげた質問には申し訳ありません。 – Creese79

関連する問題