Html 不在CSS中工作的图像的相对路径

我的css文件位于：

media

文件夹中。 我的图像位于：

media/msg

文件夹中

这是css文件的设置：

.info {
    color: #00529B;
    border-color: #789FCC;
    background-color: #CDEAF7;
    background-image: url('/msg/info.png');
}

.success {
    color: #264409;
    border-color: #C6D880;
    background-color: #E6EFC2;
    background-image:url('/msg/success.png');
}

.warning {
    color: #514721;
    border-color: #FFD324;
    background-color: #FFF6BF;
    background-image: url('/msg/warning.png');
}

.error {
    color: #8A1F11;
    border-color: #FBC2C4; 
    background-color: #FBE3E4;
    background-image: url('/msg/error.png');

图像未加载。 当我从浏览器“检查元素”时，它告诉我“无法加载图像”

据我所知，它应该采取我的css文件的相对路径，并添加到图像的路径。。。但它不起作用

---

我该怎么办？

您的CSS将根据导入它的文件进行评估

为避免任何问题，请始终根据文档根提供图像和其他文件的路径：

/media/msg/warning.png

---

问题是因为您的路径以/…开始

'/msg/error.png' => base_url/msg/error.png
'msg/error.png' => css_url/msg/error.png

---

因此，只需删除/即可。

删除第一个“/”，这会导致路径为绝对路径。是的，只需将“/”从例如“/msg/error.png”删除为“msg/error.png”。如果浏览器显示“无法加载图像”，它指向的绝对url是什么？@UnPeu您可能需要清除浏览器缓存，以便对文档进行更改。（或禁用开发人员工具中的缓存。）我按ctrl+f5键强制刷新。。仍然没有修复。另外，您是否有媒体文件夹的父文件夹？如果是这样，您需要将每个父项预先挂起到URL。