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。

在IE 9中使用Css3修复了渐变

1 个答案: