CSS3盒影导致Safari 5.0.2上的滚动延迟（性能缓慢）？

你好，
这次我遇到了一个只有Safari 5.0.2才会出现的非常罕见的问题。使用CSS3的box shadow参数时，Safari的性能非常差，您甚至无法正常向下滚动或与站点进行预期的交互

我有一个平均大小（960x320像素）的

，以下是它的相关CSS设置：

        -moz-border-radius: 4px; /* FF1+ */
    -webkit-border-radius: 4px; /* Saf3-4 */
    border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome */
    -moz-box-shadow: inset 0px 0px 140px #dfe1e2; /* FF3.5+ */
    -webkit-box-shadow: inset 0px 0px 140px #dfe1e2; /* Saf3.0+, Chrome */
    box-shadow: inset 0px 0px 140px #dfe1e2; /* Opera 10.5, IE9 */

我尝试用jQuery（.css（））设置CSS3框阴影，但结果是一样的（滞后）。哦，而且，边界半径并不会导致这种情况（我已经通过多次测试放弃了它）

那么，有什么解决办法吗？老实说，我对Safari这样的WebKit浏览器甚至出现这样的问题感到震惊。我知道一定有办法，因为有几个网站使用插入和开始阴影，在Safari中运行良好。我在StackOverflow中发现了一篇文章，其中提到盒子图像是一种解决方案。。然而，这一职位相当陈旧

我真的非常感谢您的时间和给予的支持。
提前非常感谢

---

克里斯这是一个众所周知的问题。Follow（

-webkit-box-shadow

导致糟糕的滚动/调整大小/重画性能”）在修复后收到通知

---

请注意，示例中的长方体阴影具有非常大的半径，这会使情况变得更糟。这就解释了为什么它可能在其他网站上起作用——它们只是使用较小的半径。

你为什么感到震惊？Webkit在实现新东西方面可能很快，但在大多数情况下，它的实现方式都非常糟糕

不管怎样，看起来你想用方块阴影来伪装渐变。最好考虑使用CSS3渐变（很快就会出现Opera支持，并遵循带有-O前缀的MOZ语法）或图像背景。

---

此外，没有框图像CSS属性。他们可能是有意的。

谢谢，我不知道有这么一个“已知”的问题。不管怎样，你知道有什么解决办法吗？降低半径不是一个选项：（嘿，好吧，作为一个主要的FF用户，我开始欣赏Webkit的支持功能（考虑HTML5和CSS3）。例如，Chrome，它工作得很好。哦，事实上，我和单词框混在一起了；它实际上是边框图像。