CSS渐变功能似乎使用了太多的cpu能力，我做错了什么吗？

Question

好了，现在我正在尝试使用CSS渐变功能来制作一个很酷的表格，该功能由firefox，opera，chrome支持。

它看起来很棒，但它太落后了。当我向下滚动页面时，它会非常滞后。它即使在超快的计算机上也很慢，所以它不是相关的计算机。我也尝试了不同的浏览器仍然滞后。当我禁用渐变背景色功能时，它返回正常。

那么我如何解决这个问题，或者有没有其他方法可以让我看起来很酷的表格。谢谢。

这就是http://img202.imageshack.us/img202/4905/howlook.png表的外观

这是我用于表tds的示例类

 .ML0
    {
                  color: #000000;
        text-decoration: none;
        background: rgb(229,229,229);
        background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(229,229,229)), color-stop(0.55, rgb(242,242,242)), color-stop(0.78, rgb(255,255,255)) );
        background: -moz-linear-gradient( center bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        background: -o-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        background: -ms-linear-gradient( bottom, rgb(229,229,229) 9%, rgb(242,242,242) 55%, rgb(255,255,255) 78% );
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); 
    }

Answer 1

这是一个浏览器供应商应该解决的问题，而不是你。您通常使用CSS3渐变。

我建议您改为向各自的供应商提交错误报告。如果你需要良好的滚动性能，现在就接受一个替代方案吧。背景图片在这方面很有用；你不需要用CSS做所有的事情。