css背景图像上的相对路径无法找到图像

时间:2014-04-29 15:26:38

标签: html css wordpress sass

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

使用sass进行开发,以及使用Wordpress的Bones模板/框架。文件布局如下:

本地主机/ WordPress的

- wp-content

- - 主题

- - - hs-theme

- - - - 库

- - - - - css

- - - - - - ' style.css'

- - - - - scss

- - - - - - 断点

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

- - - - - images

- - - - - - ' header.jpg'

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

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

然而,标题图像没有显示,选择器甚至没有显示在Firebug中。

3 个答案:

答案 0 :(得分:2)

检查实际存储渲染的CSS文件的路径。在某些应用程序平台中,LESS或SASS将编译为某些静态资源文件夹(在WP的情况下,可能是/ wp-content / uploads或类似),这会影响你需要设置的路径。

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

答案 1 :(得分:1)

尝试:

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

答案 2 :(得分:1)

您的路径是正确的,请尝试将''放在它周围:

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