Border-Radius zeigt keine Bilder in WebKit an

Trotz der Anwendung von Border-Radius-Stilen auf das #screen-Element unter Verwendung aller Präfixe und der Standardsyntax, Das Element bleibt in Google Chrome unberührt, während es in Firefox und Internet Explorer 9 wie erwartet angezeigt wird. Dieses Problem entsteht aufgrund eines Fehlers in der Handhabung des Randbeschneidens für Bilder durch Chrome.

Problemumgehung zur Behebung des Chrome-Fehlers :

Um dieses Problem zu beheben, implementieren Sie die folgende Problemumgehung:

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

Diese Technik ändert die Perspektive des Elements, wodurch die Rendering-Engine gezwungen wird, sich korrekt zu verhalten. Im Gegensatz zu anderen Problemumgehungen wie dem Festlegen der Deckkraft auf 0,99 hat dies keinen Einfluss auf die Anzeige des Elements.