Question

我正在尝试使用CSS divs将图像添加到我的网站。我正在使用background-image：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>

Answer 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;
}

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

Answer 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;
}

Answer 3

尝试用这样的

替换背景图像和背景

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

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

Answer 4

示例FIDDLE HERE 从小处开始并添加其他属性。

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

Answer 5

如果没有任何东西可以放置背景图像，背景图像将不会显示...例如，所有你都有div标签，但它们之间没有任何东西。

添加至少一个br标签或其他东西，为要显示的图像创建一些空间。

即使使用正确的文件名也不显示CSS背景图像

5 个答案: