外联css中，background-image的图片相对地址是相对css文件还是相对使用的使用外联css的html文件

Posted 2023-05-01

外联css中，background-image的图片相对地址是相对css文件还是相对使用的使用外联css的html文件：

例：
有一外联css为style.css内容如下
bodymargin:0px;padding:0px;font-size:12px;color:#333333;line-height:18px;text-align:left;font-family: "宋体";background:url(images/biandao3.jpg) right repeat-y;

有一HTML文件为index.htm内容如下
<link href="css/style.css" rel="stylesheet" type="text/css" />

但是我浏览index.htm并没有看到应该有的效果。

首先明确下,是相对于CSS文件的.
其次根据您的代码,可以推测您的图片是在images文件夹下的,CSS文件是在css文件下的,因此您的错误应该是出现在外部样式表中

把;background:url(images/biandao3.jpg) right repeat-y;

改为;background:url(../images/biandao3.jpg) right repeat-y;
应该就可以了.
dounai84的方法也可以的. 参考技术A 相对CSS文件 参考技术B 你的图片无法显示么？？？是不是
图片的相对路径 搞错了？？？
或者是 url 的问题 ++QQ80542883
可以帮你看看代码 参考技术C background-image的图片相对地址是相对css文件;
为了避免出错,建议使用相对站点根路径地址,即background:url(/images/biandao3.jpg) 参考技术D CSS没连接上```class="CSS文件名"

CSS3教程：background-image之放射性渐变（radial-gradient）详解

参考技术A CSS3教程：background-image之放射性渐变（radial-gradient）详解