好吧,现在我正在尝试使用 Firefox、opera、chrome 支持的 CSS 渐变功能制作一个看起来很酷的表格。
它看起来不错,但它太落后了。当我向下滚动页面时,它非常滞后。即使在超快的计算机上它也很慢,所以它不是相关的计算机。我也尝试过不同的浏览器仍然落后。当我禁用渐变背景颜色功能时,它会恢复正常。
那么我该如何解决这个问题,或者有什么其他方法可以让 table 看起来很酷。谢谢。
这是表格的样子 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);
}
最佳答案
这个问题应该由浏览器供应商来解决,而不是你。您正常使用 CSS3 渐变。
我建议您改为向相应的供应商提交错误报告。如果您需要良好的滚动性能,请暂时接受替代方案。背景图片对此非常有用;您不需要用 CSS 做一切。
关于html - CSS 渐变功能似乎使用了过多的 CPU 功率,我做错了什么吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7141291/