css background-image上的相对路径找不到图像答案

【问题标题】：Relative path on css background-image can't find the imagecss background-image上的相对路径找不到图像
【发布时间】：2014-04-29 15:26:38
【问题描述】：

我知道路径需要相对于 CSS 文件。

使用 sass 开发，以及使用 Wordpress 的 Bones 模板/框架。文件布局是这样的：

本地主机/wordpress

-- wp-内容

-- 主题

-- -- -- hs-主题

-- -- -- 库

-- -- -- -- -- css

-- -- -- -- -- 'style.css'

-- -- -- -- -- scss

-- -- -- -- -- 断点

-- -- -- -- -- -- '_1030up.scss'

-- -- -- -- 图片

-- -- -- -- -- 'header.jpg'

我正在使用 _1030up.scss 中的一些代码修改头类，该代码正在移植到 style.css。

.header {
  background-color: $blue;
  background-image: url(../images/header.jpg) no-repeat;
}

但是，标题图像没有显示，并且选择器甚至没有显示在 Firebug 中。

【问题讨论】：

你需要先上一个到scss目录才能上图片。
您的 CSS/SASS 在我看来是正确的。你确定你的主题使用的是 /hs-theme/library/css/style.css 而不是 /hs-theme/style.css
你有直播网站的链接吗？
@KaiFeller 我在 xampp 本地托管它
@JamesKing 是的，因为我可以编辑背景颜色并应用它。只是图像不会显示。

【解决方案1】：

检查渲染的 CSS 文件实际存储的路径。在某些应用平台中，LESS 或 SASS 将编译到某些静态资产文件夹（对于 WP，可能是 /wp-content/uploads 或类似文件夹），这会影响您需要设置的路径。

您还可以使用根相对路径，例如“/wp-content/themes/theme_name/images/image.jpg”，而不是现在的目录相对路径。

【讨论】：

你可以将该路径设置为一个 SASS 变量，这样你就不必输入一百万次了。
搜索“header.jpg”确实在 wp-content/uploads/2014 中返回了一些结果，但 header.jpg 仍然存在于我想要的位置。
对，header.jpg 将在同一个位置，但是如果您的 CSS 文件在其他目录中编译/渲染，header.jpg 的路径不再是“../images /header.jpg”。查看页面的源代码并找到 CSS 文件的路径。如果您愿意，请将其粘贴到此处，我可以进一步提供帮助。
其实我只是想通了，标题类被覆盖了，所以我创建了一个新类，现在它可以工作了。不过，感谢您的帮助。

【解决方案2】：

试试：

background-image: url( images/header.jpg ) no-repeat;

【讨论】：

【解决方案3】：

你的路径是正确的，试着像这样在它周围加上''：

background-image: url('../images/header.jpg') no-repeat;

【讨论】：