Question

我创建了一个网站，但是我遇到了一个问题，迫使背景图像始终处于中心位置。当网站最大化时看起来很棒但是当我使窗口分辨率变小时，背景被推到左边，内容溢出到右边。如果我可以强制背景图像一直居中，无论窗口大小如何，都可以解决。我的CSS中心图像如下所示

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

我有一个可以在http://www.theprizeshark.com/

看到的实例

为了得到错误我正在谈论最小化窗口，所以你必须滚动到右边，你会看到内容全部溢出背景图像。感谢。

Answer 1

我认为您需要做的就是将50%的百分比更改为center

Answer 2

w3schools网站上充满了有用的信息。

http://www.w3schools.com/css/pr_background-position.asp

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

背景图像始终居中

2 个答案: