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渐变。

我建议你向相应的供应商提交bug报告。如果您需要良好的滚动性能，现在只需忍受另一种选择。背景图片是很好的选择;你不需要在CSS中做所有的