Firefox中的Box Shadow

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中过滤掉盒子阴影：

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

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