如何在css URL中使用相对/绝对路径?

前端之家收集整理的这篇文章主要介绍了如何在css URL中使用相对/绝对路径?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个生产和开发服务器。
问题是目录结构。

发展:

> http://dev.com/subdir/images/image.jpg
> http://dev.com/subdir/resources/css/style.css

生产:

> http://live.com/images/image.jpg
> http://live.com/resources/css/style.css

如何在css文件夹中使用style.css在两个服务器上使用相同的路径作为背景:url属性?有相对路径可以使用的技巧吗?

解决方法

网址是 relative to the location of the CSS file,所以这应该为你工作:
url('../../images/image.jpg')

相对url去了两个文件夹,然后到images文件夹 – 它应该适用于这两种情况,只要结构是相同的。

http://www.w3.org/TR/REC-CSS1/#url

Partial URLs are interpreted relative to the source of the style sheet,not relative to the document

猜你在找的CSS相关文章