箱陰影在Firefox

我有在Firefox 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中很慢。

我該如何解決這個問題？

來源

2011-02-23 deche

Chrome針對CSS3進行了優化。你有沒有試過Firefox的測試版？ – Shaz 2011-02-23 18:25:25

這裏需要更多的細節。你有多少元素應用於？什麼版本的Firefox？你可以在[jsFiddle]（http://jsfiddle.net/）上做一個問題的例子嗎？ @Donut：抱歉，編輯時間太晚。 – thirtydot 2011-02-23 18:30:13

當然，我的Mozilla 3.6.1.3的安裝沒有'box-shadow'渲染或實際滯後的問題。 – Ross 2011-02-23 18:30:40

這已經是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; 
    } 
}

來源

2012-02-23 06:17:08

好的答案。你有鏈接到錯誤/修復/解決方法？ – thepriebe 2012-02-23 17:45:21

'這已經是Firefox已知的幾個世紀了現在的錯誤 – 2013-03-14 21:24:51

唉，雖然FireFox中仍然存在該錯誤，但由於FireFox放棄了對-moz-box-shadow的支持，所以worakround不再起作用。 – 2013-11-25 09:29:54

箱陰影在Firefox

回答

相關問題