Question

第一次发帖 - 我希望有人可以提供帮助。

我在使用ajax的页面上有渐变背景（并且在调用后变得很长）。

在IE（版本9）中，当我向下滚动时渐变背景保持不变，但是在Firefox（版本6）中，渐变对于一个正常页面长度是正确的，但是当我向下滚动时，背景渐变会重复。

有没有什么方法可以让firefox和IE一样做（无论我滚动多远都保持不变？

这是关于渐变的我的CSS：

html {
    background-color: #8c827a;
    height: 100%;
    margin: 0 0 1px;
    padding: 15px;

    /* Mozilla: */
    background: -moz-linear-gradient(top, #8c827a, #2B2825);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#8c827a), to(#2B2825));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#8c827a', EndColorStr='#2B2825', GradientType=0);
}

Answer 1

要使其他浏览器的行为与Internet Explorer相同，您可以设置背景fixed：

html {
    background-attachment: fixed
}

确保在background-attachment两个background声明之后放置{{1}}。

Answer 2

添加此CSS：

background-attachment: fixed;

此属性在浏览器视口中“固定”背景。

在Firefox中css渐变不是静态的

2 个答案: