2012-03-07 10 views
12

मुझे पिछली चेहरे-दृश्य संपत्ति के साथ समस्या हो रही है। यह काम करता है कि मैं इसे सफारी/क्रोम में कैसे चाहता हूं, लेकिन किसी कारण से यह फ़ायरफ़ॉक्स में सही तरीके से काम नहीं कर रहा है। साइट के लिएबैकफ़ेस-दृश्यता फ़ायरफ़ॉक्स में उचित रूप से काम नहीं कर रही है (सफारी में काम करता है)

लिंक::

जब बॉक्स flips, मैं सामने चेहरा का एक आईना छवि प्राप्त http://www.ericouture.com/

+0

मेरे पास फ़ायरफ़ॉक्स 10.0.2 में एक ही समस्या है! ऐसा लगता है कि संपत्ति केवल सामने के चेहरे पर लागू होती है, लेकिन जब यह घुमावदार 180 डिग्री से घूमती है, तो पीछे के चेहरे पर अब संपत्ति लागू नहीं होती है। किसी के पास इसका समाधान है ?! – Mark

उत्तर

18

'backface-visibility: hidden' डालने की कोशिश करो वस्तु और उसके कंटेनर पर दोनों। यह मेरे लिए इस बग के साथ काम करता है

+1

यह समस्या v30 तक फ़ायरफ़ॉक्स में तय की गई थी। नवीनतम संस्करण v31 में एक ही मुद्दा फसल है। दिए गए समाधान ने भी मेरे लिए काम किया। धन्यवाद। – Ninz

+0

दुर्भाग्यवश कंटेनर पर 'बैकफ़ेस-विज़िबिलिटी: छुपा' जोड़ने से क्रोम में बैक अप्रतिबंधित हो जाता है। –

+0

मुझे आईफोन 6, सफारी के साथ एक ही समस्या है। ज्यादातर मामलों में, मुझे किसी भी कारण को नहीं देखा जाता है कि शरीर के लिए 'बैकफेस-दृश्यता: छुपा' लागू न करें, सभी तत्वों को कैस्केड करने के लिए (जहां से इसकी आवश्यकता है)। – Sablefoste

19

यह बग acknowledged by Mozilla रहा है।

फिक्स transform: rotateX(0deg) को सामने और पीछे की वस्तुओं में जोड़ना है।

कंटेनर पर backface-visiblity:hidden जोड़कर, जैसा कि @यालिया द्वारा सुझाया गया है, क्रोम में बैक को उत्तरदायी बनाता है, इसलिए फिक्स से बचा जाना चाहिए।

यहां एक fiddle है ठीक है।

+0

'ट्रांसफॉर्म: rotateX (0deg)' का उपयोग करें, उसी सफी को ठीक करें जो मैंने सफारी – mems

+0

पर किया था अच्छा ट्रांसफॉर्म: rotateX (0deg) एक आकर्षण की तरह काम करता है <3 –

+0

मेरे पास अलग व्यवहार था। ट्रांसफॉर्म जोड़ना: दोनों चेहरे पर rotateX (0deg) पीछे छिपा हुआ है, लेकिन इसे सामने के लिए जोड़कर मेरे लिए ठीक काम किया। – AyexeM

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