为什么用moz

为什么用moz-radial-gradient滚动是如此之慢？(Why scrolling with moz-radial-gradient is so slow?)

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

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

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

编辑：不仅滚动，所有其他jquery效果也变得缓慢。

I attached this style attribute to body tag:

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

And scrolling the page became very hard - it was lagging and scrolling slowly. Is it supposed to be so?

Edit: Not only scrolling, all other jquery effects become slow too.

最满意答案

它是一个已知问题，背景位置：固定的渐变背景具有性能问题。

这是您使用预发布CSS支付的价格（即任何带有浏览器前缀的内容，如-moz ）。 大部分时间它们工作正常，但只要它们有这个前缀，就表明供应商不认为该功能已经完成，因此您使用它需要您自担风险。

Its a known issue that a gradient background with background-position:fixed has perfomance problems.

This is the price you pay for using pre-release CSS (ie anything with a browser prefix such as -moz). Most of the time they work fine, but as long as they've got that prefix, it indicates that the vendor doesn't consider the feature to be finished, so you use it at your own risk.