我知道路径需要相对于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中。
答案 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;