Question

假设我有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。

css＆amp;是否有其他选择？ javascript这样做？

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

Answer 1

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

background-image: url('/img/picture.gif');

Answer 2

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

如何为CSS和javascript指定基本URL？

2 个答案: