Исправлен градиент с Css3 в IE 9 - PullRequest
0 голосов
/ 22 июля 2011

Я ищу поставить градиент css3 для полной длины окна, и когда окно прокручивается, градиент будет прокручиваться вместе с ним. Я не могу заставить его работать в IE9? Вот мой код Может ли кто-нибудь указать мне правильное направление?

 body 
{    
    font: 100%/1.4 Tahoma, Geneva, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    background-attachment: fixed !important;    
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8fc2ed, endColorstr=#ffffff);    
    background-image: -moz-linear-gradient(center top -90deg, #8fc2ed, #ffffff);    
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8fc2ed), to(#ffffff));

}

Спасибо

1 Ответ

2 голосов
/ 23 июля 2011

Это не работает, потому что фильтр не является фоновым изображением CSS, поэтому background-attachment не применяется к нему.Вы можете попробовать добавить элемент 100% высоты с фильтром позади содержимого страницы и установить для него значение position: fixed.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...