फ़ायरफ़ॉक्स 17 और सीएसएस सीमाएं त्रिकोण सही ढंग से प्रतिपादन नहीं कर रहे हैं

Question

कई फ्रंट-एंड देवों की तरह, मैं सीएसएस में त्रिभुजों को प्रस्तुत करने के लिए सीमा चाल का उपयोग कर रहा हूं। http://apps.eky.hk/css-triangle-generator/ यह जनरेटर तकनीक के साथ मदद करता है।

आज, फ़ायरफ़ॉक्स टीम ने प्रतिपादन इंजन पर किसी भी स्पष्ट चेंजलॉग के बिना एक नया संस्करण जारी किया।

अब हम उन त्रिकोणों के चारों ओर एक अपर्याप्त ग्रे सीमा देख सकते हैं। मुझे अभी तक इसे छुटकारा पाने के लिए कोई चाल नहीं मिली है। संपादित करें: यह देखना आसान है कि क्या आप "हरे"

उस पर सबसे ऊपर, फ़ायरफ़ॉक्स 17 से पहले, जब लोग शिकायत कर रहे थे कि उन त्रिकोणों को कैसे देखते हैं, अतिरिक्त चाल सीमा-शैली की संपत्ति को ठोस के बजाय "धराशायी" करने के लिए सेट करना था।

त्रिभुज जनरेटर पर फायरबग का उपयोग करके, आप जल्दी से देख सकते हैं कि यह अब कैसे दिखाई देता है।

क्या किसी को इसके लिए कोई फिक्स पता है?

संपादित करें: सीमा शैली का उपयोग कर: सुझाव के रूप में इनसेट यहाँ मेरी FF17

Answer 1

ठीक है पर एक हल्के रंग renders सबसे अच्छा समाधान है मैं अब तक है:

अपने त्रिकोण के आरजीबी मूल्य मिलता है, और उपयोग यह आपके त्रिभुज की विरोधी सीमाओं के लिए "पारदर्शी" की बजाय 0 अस्पष्टता आरजीबीए के रूप में है।

वर्ष वाक्य रचना "पारदर्शी" आधारित IE8

कि कुछ इस तरह के साथ समाप्त होता है के लिए फ़ॉलबैक रूप में काम करेंगे रखते हुए: के रूप में उत्तर में कहा

border-color: transparent transparent transparent #ffffff; 
border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #ffffff; 

: करने के लिए सीमा शैली की स्थापना सुझाव दिया गया है कि "इंसेट" एफएफ 17 पर रंग बदलता है।

मुझे आशा है कि किसी को एक आसान समाधान मिलेगा, या यह पोस्ट अन्य लोगों की मदद करेगा।

Answer 2

एडहेर के फिक्स और अन्य बिंदीदार सीमा फिक्स का यह संयोजन एफएफ 23 में पूरी तरह से समस्या को हल करने लगता है।

लंबे रूप में:

border-top: 10px solid #FF0000; 
border-left: 30px dotted rgba(255, 0, 0, 0); 
border-right: 30px dotted rgba(255, 0, 0, 0); 

Adeher के RGBA() बिंदीदार सीमा फिक्स (लेकिन केवल पारदर्शी सीमा पर) के साथ ठीक संयोजन बदसूरत धुँधली सीमाओं के बिना एक आदर्श त्रिकोण रेंडर करने के लिए लगता है।