बॉर्डर-रेडियस वेबकिट में छवियां प्रदर्शित नहीं कर रहा है

सभी उपसर्गों और मानक सिंटैक्स का उपयोग करके #स्क्रीन तत्व पर बॉर्डर-रेडियस शैलियों को लागू करने के बावजूद, यह तत्व Google Chrome में अछूता रहता है, जबकि यह फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर 9 में अपेक्षा के अनुरूप दिखाई देता है। छवियों के लिए बॉर्डर ट्रिमिंग के Chrome के प्रबंधन में एक बग के कारण यह समस्या उत्पन्न होती है।

क्रोम बग को हल करने के लिए समाधान :

इस समस्या को हल करने के लिए, निम्नलिखित समाधान लागू करें:

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

यह तकनीक तत्व के परिप्रेक्ष्य को संशोधित करेगी, जो रेंडरिंग इंजन को सही ढंग से व्यवहार करने के लिए मजबूर करती है। यह अन्य समाधानों जैसे कि अपारदर्शिता को 0.99 पर सेट करने के विपरीत, तत्व के प्रदर्शन को प्रभावित नहीं करता है।