猿问

使用CSS文件中的相对URL,它相对于什么位置?

使用CSS文件中的相对URL,它相对于什么位置?

当在CSS文件中定义背景图像URL时,当使用相对URL时,它相对于哪里?例如:

假设文件/stylesheets/base-styles.css包含:

div#header { 
    background-image: url('images/header-background.jpg');}

如果我将此样式表包含到不同的文档中,请通过<link ... />CSS文件中的相对URL是相对于样式表文档在……里面/stylesheets/相对于当前文档包括在内吗?可能的途径如下:

/item/details.html
/about/index.html
/about/extra/other.html
/index.html


呼啦一阵风
浏览 933回答 3
3回答

呼如林

部分URL是相对于样式表的源进行解释的,而不是相对于文档的。因此,在回答你的问题时,它将相对于/stylesheets/.如果考虑到这一点,这是有意义的,因为CSS文件可以添加到不同目录中的页面中,因此将其标准化到CSS文件意味着URL将在样式表链接的任何地方工作。

慕莱坞森

它相对于样式表,但我建议将URL与您的URL相关联:div#header&nbsp;{&nbsp; &nbsp;&nbsp;background-image:&nbsp;url(/images/header-background.jpg);}这样,您就可以在以后不需要重构文件的情况下到处移动文件。
随时随地看视频慕课网APP
我要回答