CSSの画像パス

-2

画像フォルダを追加して、以下に示すようにファイルをクリーンアップしました。すべてのimgを/ imgs/homeに移動する。これは、背景画像を除いてうまくいきました。彼らは完全に解雇されている、私はなぜ他のすべての画像がうまくいくのか分からない、これは既知のバグですか？CSSの画像パス

old pathway -> "website/image1.jpg" 
new pathway -> "website/imgs/home/image1.jpg" 

How I grab an image -> works fine 
<img src = "imgs/home/"image1.jpg"> 

how I grab a background-image -> doesn't work 
background-image: url("imgs/home/image1.jpg");

私がやる前に心に留めておいてください。

background-image: url("image1.jpg");

出典

2017-08-06 James

は別のディレクトリにあなたのCSSですか？ – JediBurrell

website/css ... CSSスタイルが適用されています – James

あなたのURL参照は静的であるかCSSファイルのディレクトリからの相対的なものである必要があります。 @Christian Hainのように、相対URLの前に "../"を使用してこれを修正するか、 "site.com/imgs/home/image1.jpg"のような静的URLを使用することができます。 – JediBurrell

あなたのパスは相対的なので、親に連絡してimgsディレクトリに戻ってください。

background-image: url("../imgs/home/image1.jpg");

出典

2017-08-06 23:41:11

まずあなたがウェブサイト

のディレクトリにhomepage.htmlファイルには、HTMLファイルのbodyタグにスタイルを追加し、この方法でそれを試みることができることを確認してください。

<body style="background:url(imgs/home/imaga1.jpg)"></body>

または<body background="imgs/home/image1.jpg">

また、あなたのCSSファイルで編集することができます

body { background-image: url("imgs/home/imaga1.jpg"); }

出典

2017-08-07 01:45:25

答えて

関連する問題