CSS背景图像麻烦

HTML：CSS背景图像麻烦

<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")一起尝试过。但它不工作。

来源

2014-04-14 user3507817

没有什么错与您的代码，你确定你的形象在现场，你说这是在？另外，你打开它看看图像是否损坏？ – Ming

确定路径问题 –

尝试查看Firebug，看看图像是否会以404 –

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

没有问题检查与图片/ 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%; 
    }

来源

2014-04-14 08:11:18

打开谷歌克罗默

右击打开查看页面源或检查元素

，并看到该链接

应该打开图像

来源

2014-04-14 08:11:50 Kishoretigers

CSS背景图像麻烦

回答

相关问题