3

假设我有 style.css：

#some_element{
   background-image: url('img/picture.gif');
}

css 和 picture.gif 位于这样的结构中：

style.css 
other_style.css
more_style.css
img
   picture.gif

使用 php，我将 style.css、other_style.css 和 more_style.css 组合到远离原始位置的 cache_style.css 中。

在这种情况下，链接将被破坏。

在 html 中，我们有标签来定义（如其名称）当前文档的基本 url。这样每个链接和每个图像都可以基于该基本 url 获取内容。

css 和 javascript 有什么替代方法可以做到这一点吗？

编辑：一些 css/javascript 是缩小的第三方，几乎不可能将“img/picture.gif”更改为“/something/img/picture.gif”

4

2 回答 2

0

使用您所服务的根目录的绝对路径：

background-image: url('/img/picture.gif');
于 2012-09-02T01:32:33.867 回答
0

在 javascript 中，您可以定义一个变量来保存您的基本 url，但是您不能使用该变量引用或设置 CSS。一种可行的方法是使用指向 gif 的绝对链接而不是相对链接。或者，如果您知道cache_style.css文件相对于站点根目录的最终位置，则可以通过它与根目录的相对位置来引用 gif。例如，如果您cache_style.css位于www.example.com/path/path/cache_style.css，则可以通过执行此操作来引用 img 目录../../img/picture.gif

于 2012-09-02T01:41:59.073 回答