Question

我的CSS有一些问题，当我滚动我的页面时，我的背景看起来很糟糕并且与网站隔离，有人可以帮我解决吗？

我的CSS：

body {
    background-image:url('images/background.png');
    background-repeat: no-repeat;
    background-color:#cccccc;
    background-size 100%;
    margin: 0 auto;
    font-family: Arial;
    font-size: 13px;
    position: relative;
}

网站位于：http://funedit.com/andurit/new

感谢您阅读：）

Answer 1

对您的BODY标记使用CSS属性background-position：

body
{
    ... 
    background-position: 50% 0;
    ...
}

要为您的背景添加固定样式，请将CSS属性background-attachment用作fixed：

body
{
    ... 
    background-attachment: fixed;
    ...
}

Answer 2

我之前在评论中回答了这个问题，但我也会在这里添加我的答案。向主体添加两个新属性，如下所示：

body {
    background-attachment: fixed;
    background-position: center 0;

    background-image:url('images/background.png');
    background-repeat: no-repeat;
    background-color:#cccccc;
    background-size 100%;
    margin: 0 auto;
    font-family: Arial;
    font-size: 13px;
    position: relative;
}

CSS - 滚动页面背景与站点隔离

2 个答案: