即使文件名正确，CSS背景图像也不会显示答案

【问题标题】：CSS background-image not showing even with correct file name即使文件名正确，CSS背景图像也不会显示
【发布时间】：2013-08-16 04:47:28
【问题描述】：

我正在尝试使用 CSS div 将图像添加到我的网站。我正在使用背景图片：url（“”）；但加载网站时图像不会出现。我引用的图像与我的 style.css 位于同一文件夹中，并且我四次检查我是否正确编写了文件名。很感谢任何形式的帮助。谢谢。

CSS：

div#logo { 
    background-image:url(dm-button2.png);
    height: 120px; 
    width: 120px;
    position:absolute;
    z-index: 100;
    background: blue; /* #333333; */
    padding: 0px;
    margin: 0px auto;
    display: inline;
}

HTML：（我在这里遗漏了什么吗？）

<div id="logo">
</div>

【问题讨论】：

标签： css html background-image

【解决方案1】：

div#logo { 
    background:url(dm-button2.png) blue;
    height: 120px; 
    width: 120px;
    position:absolute;
    z-index: 100; /* #333333; */
    padding: 0px;
    margin: 0px auto;
    display: inline;
}

试试这个，你的第二个背景正在重写第一个

【讨论】：

这不起作用，但是当我完全删除颜色属性时它起作用了！有点儿。现在它已放大到图像的右上角。
你的背景是透明的吗？因为如果是，它必须有效，请看这里 - link。那里显示有一个 seo 分析器的透明徽标...

【解决方案2】：

使用这个：

div#logo { 
    background-image:url(dm-button2.png);
    height: 120px; 
    width: 120px;
    position:absolute;
    z-index: 100;
    background-color: blue; /* #333333; */
    padding: 0px;
    margin: 0px auto;
    display: inline;
}

【讨论】：

【解决方案3】：

尝试用类似的东西替换背景图片和背景

background: blue url('dm-button2.png') no-repeat fixed center;

我不是 100% 确定，但我认为背景图像后跟背景，背景会覆盖背景图像调用，因为它按顺序加载

【讨论】：

【解决方案4】：

示例FIDDLE HERE 从小处着手并添加其他属性。

div#logo { 
    height: 120px; 
    width: 120px;
background:url(http://flyingmeat.s3.amazonaws.com/acorn4/images/Acorn256.png) 0 0;
}

【讨论】：

【解决方案5】：

如果没有任何东西可以放置背景图像，则不会显示背景图像...例如，您只有一个 div 标签，但它们之间没有任何东西。

至少添加一个 br 标记或其他内容，以便为要显示的图像创建一些空间。

【讨论】：

他将 div 的 css 宽度和高度设置为 120px，所以它会显示得很好。