Question

HTML：

<div id="Home"></div>

的CSS：

#Home {
position: relative;
background: url("../Pictures/GoodAssTunes.jpg") ;
height: 800px;
width: 100%;
margin-left: -8px;
margin-top: -8px;
z-index: 1;
background-size: 100%;

}

但由于某种原因它不会显示。我用background:和background-image:用速记和url("GoodAssTunes.jpg")尝试了它。但它没有用。

Answer 1

http://jsfiddle.net/JD2ft/ It works fine see

使用Pictures / GoodAssTunes.jpg

检查没问题

  #Home {
    position: relative;
    background: url("http://placehold.it/350x150") ;
    height: 800px;
    width: 100%;
    margin-left: -8px;
    margin-top: -8px;
    z-index: 1;
    background-size: 100%;
    }

Answer 2

打开Google Chrome

右键单击打开<在>查看页面源或检查元素

并查看链接

它应该打开图像

CSS背景图片麻烦

2 个答案: