这是我的站点文件夹结构:
index.html
assets>img>all my images are here
css>my css files here
在我的索引文件中,我引用了图像“assets/img/myimage.jpg”
在 CSS 中,我尝试对 backgroundi mages 做同样的事情,但它不起作用,有人知道链接应该是什么吗?
在您的 css 中,它应该是../assets/img/myimage.jpg/
“../
从 css 文件夹中查找资产文件夹”的意思。而在您的情况下,css文件是在css文件夹内的assets目录中搜索的)希望这很清楚;)
它应该是
../assets/img/all/myimage.jpg
您必须升级文件夹级别,因为您的 css 文件不在根目录中。您必须在文件路径之前添加 ../ 才能导航回根目录,就像这样。
../assets/img/myimage.jpg
如果您的 css 文件位于根目录中,则无需执行此操作。
您需要先退出您的 css 文件夹,然后进入您的 img 文件夹
要退出,请使用此逻辑“../”
因此,在您的 html 页面上,您可以通过以下方式链接到图像:
<img src='img/myimage.jpg'>
但是在你的css文件中你需要这样做:
.class{
background: url('../img/myimage.jpg');
}