logo标签列表

CSS相对路径指向图片

csspath
6

我正在本地开发 - http://localhost/mysite，我的目录结构如下：

-assets
--css
---styles.css
--images
---background.png

在 styles.css 文件中，我会有以下内容，这在本地主机上运行良好。

background-image: url(../images/background.png);

然而，实时服务器是在子域名 http://test.liveserver.com 上运行的。这意味着 CSS 规则必须更改如下：

background-image: url(/assets/images/loginlogo.png);

不确定如何解决这个问题？

对于某些原因，cssmin 在 live 服务器上压缩 CSS 时似乎会添加一个 URL。所以，url（../images/background.png）; 变成了 url(/test/assets/images/background.png); 我需要进一步调查。 - JonoB
啊，看来 cssmin 确实在不必要的时候前置了一个 URL。 - JonoB
1个回答
11

有了您提供的目录树，您无需更改路径。

.. 意味着 CSS 文件的上级目录，因此 assets/ 目录被隐含地包含在内。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接