0

我正在尝试使用 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>
4

5 回答 5

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

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

于 2013-08-15T20:43:55.473 回答
1

用这个:

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;
}
于 2013-08-15T20:45:22.760 回答
0

尝试用这样的东西替换背景图像和背景

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

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

于 2013-08-15T20:46:08.997 回答
0

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

div#logo { 
    height: 120px; 
    width: 120px;
background:url(http://flyingmeat.s3.amazonaws.com/acorn4/images/Acorn256.png) 0 0;
}
于 2013-08-15T20:47:28.427 回答
-1

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

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

于 2013-08-15T20:44:57.367 回答