3डी सीएसएस परिवर्तन: फ़ायरफ़ॉक्स में दांतेदार किनारों से निपटना

क्रोम सीएसएस परिवर्तनों के साथ दांतेदार किनारों के मुद्दे के समानांतर, एक समान समस्या उत्पन्न होती है 3डी परिवर्तनों के दौरान फ़ायरफ़ॉक्स के साथ। एक चित्रण इस JSFiddle (फ़ायरफ़ॉक्स-विशिष्ट) पर पाया जा सकता है: http://jsfiddle.net/78dK/5/.

क्रोम के विपरीत, फ़ायरफ़ॉक्स में बैकफ़ेस-विज़िबिलिटी कोई समाधान प्रदान नहीं करती है।

समाधान:

समाधान 1 (रूपरेखा विशेषता):

अधिक सार्वभौमिक समाधान के लिए, एक पारदर्शी रूपरेखा विशेषता जोड़ने पर विचार करें:

outline: 1px solid transparent;

यह दृष्टिकोण फ़ायरफ़ॉक्स 10.0.2 विंडोज 7 पर सत्यापित किया गया है: http://jsfiddle.net/nKhr8/।

वर्कअराउंड 2 (बॉर्डर विशेषता):

वैकल्पिक रूप से, आप पृष्ठभूमि से मेल खाते रंग के साथ एक बॉर्डर विशेषता जोड़ सकते हैं:

border: 1px solid white;

यह विकल्प तब प्रभावी होता है जब पृष्ठभूमि का रंग ज्ञात हो (उदाहरण के लिए, इस मामले में सफेद): http://jsfiddle.net/LPEfC/।