为什么我的标题图片不显示？ [关闭]答案

【问题标题】：Why isn't my header image showing up? [closed]为什么我的标题图片不显示？ [关闭]
【发布时间】：2014-01-24 07:43:38
【问题描述】：

我正在使用这个 Sass 在一些静态页面上设置标题样式，但是背景图片没有显示出来。我很确定我的相对文件路径是正确的（样式表在样式表文件夹中，图像是图像文件夹，都在资产文件夹中）。还有什么可能导致这种情况？

.blue_section_header
    width: 900px
    height: 80px
    font-size: 30px
    font-weight: 700
    padding: 25px 0 0 40px
    color: #fff
    background: #54a0ce url(../images/section_header.png)
    -webkit-border-radius: 4px
    -moz-border-radius: 4px
    border-radius: 4px

【问题讨论】：

这是你真正的 CSS 吗？
你能把你的文件结构显示给。我很好奇您是否指向正确的文件结构。看起来你现在的是这样的。 css 图像您从 css 转换为看起来正确但图像可能又低一级的图像。

标签： html css sass

【解决方案1】：

在 Chrome 中：

1) 打开开发者工具 2) 单击顶部的资源选项卡 3）打开框架文件夹 4）查找图像文件夹并打开它

您是否在“图像”文件夹中看到了您的图像？如果看不到图片说明你的相对路径不正确。

【讨论】：

谢谢！这帮助我最终弄清楚了。
@DeFeNdog 我会支持你哈哈
呵呵谢谢乔纳森！

【解决方案2】：

您遗漏了一些东西。你错过了开始和结束括号（{，}）。每行后面的分号。应该是：

.blue_section_header { 
     width: 900px;
     height: 80px;
     font-size: 30px;
     font-weight: 700;
     padding: 25px 0 0 40px;
     color: #fff;
     background: #54a0ce url(../images/section_header.png);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}

【讨论】：

感谢您的回复！我使用的是 Sass，所以不需要括号或分号。