2011-11-01 107 views
1

我是新来的CSS,我试图让背景和主要内容保持居中,因为你缩小浏览器像这个网站http://www.webdesignerdepot.com/如果你扩大浏览器在两个屏幕上,背景保持中央和相同的大小和边距会增加以填充空间,但是当您缩小边距时,背景仍保持居中(我所假设的是)最小大小,然后修复左边,换句话说,背景图像的两边都被推出视图直到点。希望这是有道理的?滑动背景

回答

1

他们使用background-position:center;将背景放置在屏幕中间。当浏览器窗口小于背景图像时,它被剪切。当浏览器窗口长于图像时,它停留在中央。图像边缘淡入身体的背景颜色,因此它给人一种属于背景的印象。

+0

我可能会推荐'background-position:50%0;' – Wex

+0

我会说使用'center'更具描述性。或者,甚至更好,'背景 - 位置:中心顶部;' – Polynomial

+0

我们真的在这里分开毛发...... haha​​ – Wex