1

我正在创建一个需要居中居中的圆形网站。背景由围绕中心图像的圆圈组成。每当我以全屏（F11 快捷方式）查看我的网站时，无论我的屏幕分辨率如何，它都会完美居中。

如果我在没有全屏的情况下查看我的网站，我的屏幕分辨率会稍微调整背景，使其不完全居中。

对于我的背景，我将其作为代码：

* { 
padding:0; margin:0; 
}

html, body {
    height:100%; 
    width: 100%;
    display: block;
    background-color: #1a1207;
    /* add font here */
    color: white;
}

body{
    background-image:url('../img/background.jpg');
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -moz-background-position: fixed;
    -o-background-size: cover;
    background-size: cover;
}

有没有办法解决这个问题？

4

1 回答 1

1

看不到其余的代码，但是如果您希望背景居中，您不希望将其设置为：

body{
    background-position: center;
}

现在的方式是，背景仅针对一种分辨率正确居中，因为它与左侧对齐。

于 2013-08-30T09:45:15.027 回答