在CSS文件中使用相对路径时,它们的行为会有所不同。行为仍然是一样的,路径仍然是相对的,但对人类来说,这可能会令人困惑。
当您将这样的路径用于图像时:
<img src="/path/image.jpg"/>
浏览器将查看
path
文件夹,位于当前网站的根目录下。但当您在CSS中使用相同的值时:
background-image: url( \'/path/image.jpg\' );
故事是不同的。浏览器将查看
path
文件夹,基于样式表的位置,而不是当前URL。因此,如果样式表位于:
www.example.com/wp-content/themes/twentyseven/
然后浏览器将查找:
www.example.com/wp-content/themes/twentyseven/path/image.jpg
这是不存在的。因此,构建相对于样式表路径的CSS路径非常重要。
要进一步了解,请查看here.