Warum funktioniert Border-Radius für Bilder in Chrome nicht?

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 Randbeschnitts für Bilder durch Chrome.

Problemumgehung zur Behebung des Chrome-Fehlers :

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

<code class="css">.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}</code>

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

Das obige ist der detaillierte Inhalt vonWarum funktioniert Border-Radius für Bilder in Chrome nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!