首页 文章

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

提问于
浏览 次
1

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

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

本地主机/ WordPress的

  • wp-content

    • 主题
      • hs-theme
        • 图书馆
          • css
            • 'style.css'
          • scss
            • 断点
              • '_1030up.scss'
          • 图片
            • 'header.jpg'

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

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

但是， Headers 图像未显示，选择器甚至没有显示在Firebug中 .

html css wordpress sass

3 回答

  • 2

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

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

    回复于
  • 1

    尝试：

    background-image: url( images/header.jpg ) no-repeat;
    回复于
  • 1

    你的路径是正确的，尝试将 '' 放在它周围：

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

    回复于

相关问题