css - 为什么使用 moz-radial-gradient 滚动这么慢？

Question

我将此样式属性附加到 body 标签:

style="background: -moz-radial-gradient(center center , circle , rgb(223, 224, 228), rgb(189, 193, 200)) no-repeat fixed 0% 0% #fff;"

滚动页面变得非常困难 - 它滞后并且滚动缓慢。应该是这样吗？

编辑:不仅滚动，所有其他 jquery 效果也变慢了。

Answer 1

具有 background-position:fixed 的渐变背景具有性能问题是一个已知问题。

这是您为使用预发布 CSS(即带有浏览器前缀的任何东西，例如 -moz)支付的价格。大多数情况下它们工作正常，但只要它们有该前缀，就表明供应商认为该功能尚未完成，因此您需要自行承担使用它的风险。