css - 在 IE 9 中使用 Css3 固定渐变

Question

我希望为整个窗口添加一个 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));

}

谢谢

Answer 1

它不起作用，因为过滤器不是 CSS 背景图像，所以 background-attachment 不适用于它。您可以尝试在页面内容后面添加一个带有过滤器的 100% 高度元素，并将其设置为 position: fixed。