2012-09-09 14 views
5

का उपयोग करते हुए मेरे पास CSS3 संक्रमण और 3 डी ट्रांसफॉर्म का उपयोग करके निर्मित कवरफ्लो तत्व जैसे सेब है।CSS3 3 डी ट्रांज़िशन फ़ायरफ़ॉक्स में फ्लिकरिंग करते समय बॉक्स-छाया

http://jsfiddle.net/7eDkb/1/ (बॉक्स छाया के साथ संक्रमण)

वर्क्स क्रोम पर चिकनी, लेकिन फ़ायरफ़ॉक्स पर, कवर दृश्य और अदृश्य किया जा रहा है, जब वे एनिमेटेड किया जा रहा है के बीच झिलमिलाते रहे हैं।

उन्मूलन प्रक्रिया के बाद, मैंने पाया है कि आइटम से "बॉक्स-छाया" सीएसएस संपत्ति को हटाने से फ़ायरफ़ॉक्स में चिकनी संक्रमण हो जाते हैं।

http://jsfiddle.net/7eDkb/2/ (बिना बॉक्स छाया संक्रमण)

मैं फ़ायरफ़ॉक्स v15 और क्रोम V21 में यह परीक्षण किया है।

क्या कोई तत्व पर 3 डी संक्रमण और बॉक्स-छाया दोनों को फ़ायरफ़ॉक्स पर फ्लिकर करने के बिना कोई समाधान है?

संपादित करें: fiddles में, ग्रे छवियों क्लिक झिलमिलाते

+2

आप केवल फ़ायरफ़ॉक्स के लिए एक छवि के साथ छाया को प्रतिस्थापित कर सकते हैं। इसके लिए कुछ जावास्क्रिप्ट की आवश्यकता होगी, इसलिए अब यह सबसे अच्छा समाधान हो सकता है। मुझे लगता है कि फ़ायरफ़ॉक्स का प्रतिपादन इंजन वास्तव में अभी तक नहीं है। क्रोम पर प्रॉप्स: डी – Kyle

उत्तर

3

वहाँ एक अच्छा कारण कोई भी अभी तक इस सवाल का जवाब है देखने के लिए, यह एक फ़ायरफ़ॉक्स बग है।

मैंने इसे बगजिला में सबमिट कर दिया है, और इसे एक बग के रूप में पुष्टि की गई थी।

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

@Kyle के रूप में उसकी टिप्पणी में कहा गया है, वर्तमान का सबसे अच्छा समाधान बॉक्स-छाया के लिए फ़ायरफ़ॉक्स के मामले में एक गैर सुरुचिपूर्ण विकल्प का प्रयोग है।

संबंधित मुद्दे