Warum funktioniert Border-Radius bei #screenQuery in Chrome nicht?

Border-Radius-Vernachlässigung im Webkit für #screen

Abfrage

Benutzer stoßen auf ein ungeklärtes Problem, bei dem die Eigenschaft „border-radius“ im #screen-Element auftritt existiert nicht mehr, wenn Google Chrome verwendet wird, während Browser wie Firefox oder IE9 kein solches Problem aufweisen.

Lösung

Obwohl alle erforderlichen Browser-Präfixe und die Standard-Border-Radius-Syntax angewendet werden, tritt das Element nicht mehr auf Putz mit abgerundeten Ecken. Der Schuldige ist ein Fehler in der Rendering-Engine von Chrome. Um dieses Problem zu beheben, wenden Sie die folgende Problemumgehung an:

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

Diese nicht-invasive Korrektur bewahrt die Integrität der Anzeige, im Gegensatz zur Problemumgehung für die Deckkraft:0,99.

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