Question

我的身体标签上有一个中心背景图片。当我的网站最大化时，所有内容都会找到，但作为开始使我的浏览器窗口变小并且底部会出现一个滚动条，当我滚动内容溢出背景图像时。我试图尽一切努力使图像保持居中，无论它看起来如何工作。任何人都有任何想法？我的背景图片的CSS是这样的：

body {
        background: #EDEDED url(../images/bg-y.png) repeat-y center; 
        font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
        color:#000000;
}

我在http://www.theprizeshark.com处有一个实时网站示例，因此您可以看到它正在做什么。只需将浏览器窗口缩小，然后向右滚动即可看到内容溢出。谢谢你的帮助！

Answer 1

似乎将background-attachment: fixed添加到body标签处理问题。由于您使用的是速记，因此您只需在fixed声明中添加background即可。

Answer 2

为wrapper制作包装并将背景放在那里。

<div style="[bg image width]; margin:auto; background:url([bg image url]) repeat-y;">
    <div id="wrapper">
    </div>
</div>

CSS - 内容溢出的背景图像

2 个答案: