css的圖像路徑

-2

我清理了我的文件，如下所示添加圖像文件夾。將所有圖片移至/ imgs/home。這工作得很好，除了背景圖像。他們被完全解僱了，我不明白爲什麼，因爲其他的圖片都能正常工作，這是一個已知的bug嗎？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應該修正這個問題之前使用「../」，或者你可以使用一個靜態URL，比如「site.com/imgs/home/image1.jpg」。 – 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

css的圖像路徑

回答

相關問題