2017-08-06 99 views
-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"); 
+0

是您在不同的目录CSS? – JediBurrell

+0

website/css ...但正在应用css样式 – James

+1

您的url引用要么必须是静态的,要么相对于CSS文件的目录正确。就像@Christian Hain建议的那样,在相对url应该修正这个问题之前使用“../”,或者你可以使用一个静态URL,比如“site.com/imgs/home/image1.jpg”。 – JediBurrell

回答

0

由于您的路径是相对的,因此您可能需要到达父级并返回到您的imgs目录。

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

首先确保你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"); }