Firefox中的Box Shadow

Question

我box-shadow在Firefox中遇到问题- 它"滞后":

这是我的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;
    }
}