CSS градиент не статичен в Firefox

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.

Answer 2

Добавьте этот CSS:

background-attachment: fixed;

Это свойство «закрепляет» фон в окне просмотра браузера.