it-swarm.com.de

Seltsame diagonale Linien in Chrom/Chrom (Fehler?)

Wenn ich CSS-Filter, Schatten, Transformationen, SVG (oder ähnliches) verwende, zeigt mein Chrome/Chromium merkwürdige diagonale Linien:

    filter:drop-shadow(0px 0px 10px #dce810);
    transform:skew(-15deg); 

 Diagonal lines error Chrome/Chromium

Kein Fehler in Firefox (Windows)/Canary Chrome 58. Fehler in Chrome 56 und Chromium 58 (Windows).

In diesem Stift tritt dieser Fehler auf (am Ende beim Einschalten des Titels): https://codepen.io/manz/pen/jyYKJo

Weiß jemand, ob es sich um einen bekannten Fehler handelt oder ein Problem, das durch Deaktivieren einer Option behoben wird?

27
Manz

Es ist fast sicher dieser Chrome/Chromium-Rasterisierungsfehler, der für bestimmte NVidia-GPUs spezifisch erscheint: 

Ausgabe 691262 Beschädigter Hintergrund mit GPU-Rasterisierung .

14
B Thomas

Wie oben angegeben, handelt es sich um ein GPU-Problem, aber die temporäre Problemumgehung funktioniert für mich hervorragend:

div {
    position: relative;
    z-index: 0;
}

div:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    background: inherit;
}
0
Jose R. Perez