لا يتم عرض الصور في نصف قطر الحدود في WebKit

على الرغم من تطبيق أنماط نصف قطر الحدود على عنصر #screen باستخدام جميع البادئات وبناء الجملة القياسي، يظل العنصر دون تغيير في Google Chrome، بينما يظهر كما هو متوقع في Firefox وInternet Explorer 9. تنشأ هذه المشكلة بسبب خطأ في معالجة Chrome لقص الحدود للصور.

الحل البديل لحل خطأ Chrome :

لحل هذه المشكلة، قم بتنفيذ الحل البديل التالي:

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

ستعمل هذه التقنية على تعديل منظور العنصر، مما يجبر محرك العرض على التصرف بشكل صحيح. ولا يؤثر على عرض العنصر، على عكس الحلول الأخرى مثل ضبط العتامة على 0.99.