Firefox 中的盒子阴影

Question

我对 Firefox 中的 box-shadow 有疑问 - 它“滞后”：

这是我的 CSS：

-moz-box-shadow : 0 0 5px #333;
-webkit-box-shadow : 0 0 5px #333;
box-shadow : 0 0 5px #333;

在 Chrome 中，它可以正常工作（没有“延迟”），但在 Firefox 中它很慢。

我该如何解决这个问题？

Answer 1

多年来，这一直是 Firefox 中的一个已知错误。 Box-shadow 可能会导致滚动缓慢，或者，当您为分配了 box-shadow 的元素设置动画时，Firefox 可以爬行。修复方法是将模糊半径限制为 10px 或从 Firefox 中过滤掉 box-shadow：

.fubar {
    box-shadow: 10px 10px 30px #000;
    -moz-box-shadow:none !important;
}

@-moz-document url-prefix() {
    .fubar {
        box-shadow:none;
    }
}