居中背景+整页容器

Question

我想在页面中心放置一个背景（宽度= 1250px），但是容器应该具有浏览器的宽度

这个中心背景：

#container{margin:0 auto;background:#000 url("images/background.jpg") no-repeat;width:1250px;;}

这设置容器的宽度=浏览器

#container{margin:0 auto;background:#000 url("../../../images/background.jpg") no-repeat;width:100%;position:relative;}

如何获得居中的背景图片和整页容器？

谢谢！

Answer 1

基本CSS

background: #000 url(../../../images/background.jpg) no-repeat center center;

注意：你不需要css中的引号。事实上，在某些情况下，使用引号时可能会出现问题。

Answer 2

将您的背景规则更改为：

background:#000 url(images/background.jpg) center center no-repeat;

或者，如果您想将其置于页面顶部，请执行以下操作：

background:#000 url(images/background.jpg) center top no-repeat;

然后你可以删除margin: 0 auto，因为宽度为100％时它无用。