任何在CSS中链接到背景图像url的方法,而不提供完整的url(即.当地的路径)


Any way to link to the background image url in CSS without providing the full url (ie. local path)?

假设我嵌入了以下CSS文件:

http://site.com/tpl/theme_name/stylesheet.css

在我的网站标题…

http://site.com

和CSS文件包含以下内容(其中一行)

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

但是images/background.gif的实际url是:

http://site.com/tpl/theme_name/images/background.gif

CSS不能识别图像,对吗?(因为CSS文件没有提供完整的url)。

问题是,虽然我可以添加完整的url在CSS文件中的背景图像显示,我不想太…因为如果因为某些原因主题名称被重命名,这将意味着我必须手动编辑所有的CSS文件的主题。

所以我想知道有没有办法解决这个问题。我可以像../images/background.gif(附加点)这样做吗?

PS:我知道我可以这样做,在PHP写一个包装文件,取代完整的url,并发送适当的标题(CSS) -但这可能是资源密集?

CSS不能识别图像,对吗?(因为CSS文件没有提供完整的url)。

CSS文件中的

url是相对于CSS文件的目录的,所以您显示的内容应该可以正常工作。

(这将不再适用,如果你改变URL路径以后使用JavaScript,但我不认为这是这里的问题。)