背景图片不会在DIV显示，但将在body标签

我去我朋友家看到的其他决议我的网页上显示，却发现背景图像没有达到双方。所以，我回家做了一些研究，被告知，而不是在体内具有标签我的背景图片，我应该body标签内的container DIV之前创建一个div和它的工作。背景图片不会在DIV显示，但将在body标签

该做的工作在其他我的设计之一，但不是 - 代码是完全一样的，但图像不是。

我尝试在我的CSS中添加position:absolute，它确实显示，但它沿着顶部和左侧有一个奇怪的白色边框。

我该如何解决这个问题？

HTML：

<html> 
    <head></head> 
    <body> 
     <div class="background"> 
     </div> 
     <div class="container"> 
     </div> 
    </body> 
</html>

CSS：

body{ 
    text-align:center; 
} 

.background{ 
    background:url('images/background.png')no-repeat; 
    width:100%; 
    height:100%; 
    background-position:center; 
}

来源

2012-09-30 user1710105

什么是影像/ background.png的尺寸？ – Eric

您是否认为您可以链接到您所指的网页或在[jsFiddle]（http://jsfiddle.net/）上放置示例，以便我们仔细观察？ – Michael0x2a

不太足够的信息才能真正给你一个很好的答案...但白线在顶部和左侧的页面的声音就像附加到body标签上的自然边界一样。如果您添加到您的CSS应该删除：

body { 
margin: 0px; 
}

而且，背景图像“达到双方”将主要依赖于图像的尺寸相对于观看屏幕分辨率和浏览器的大小。这些因素超出了您的控制范围，因此谨慎使用设计背景中的图像。

来源

2012-09-30 18:04:53 Mike

只是为了扩大一点点 - OP，你可能想了解CSS复位。如果使用得当，它们会剥去很多浏览器的默认边距，填充等，这样您就可以拥有更加一致的起点。 – Ryan

哇，感谢您的快速回复和编辑我的问题，当我说新的HTML和CSS我的意思是1周进入它，所以很抱歉我的问题的格式im退出与本网站混淆，即时消息不在我的电脑在所以我不能尝试你的答案，但如果今天一直在想，也许我的背景图像应该足够大，以涵盖所有的决议？我想我已将此添加到我的问题，但背景将显示当我将它添加到身体的CSS标签，但不会，如果我将它移动到系统技术领域。我曾经听说过这个jsfiddle之前，但今晚有一个看看，谢谢堆 – user1710105

嘿也在想，请让我知道，如果它是我的unapropaite，但我可以给你们一个链接到mediafire下载，所以你可以检查出来甚至给一些评论如何即时通讯？ – user1710105

背景图片不会在DIV显示，但将在body标签

回答

相关问题