Garip diyagonal çizgiler

Question

CSS filtreleri, gölgeler, dönüşümleri, SVG (veya benzeri) kullanın Chrome/Chromium tuhaf diyagonal çizgiler gösterir (böcek?):

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

Firefox (Windows)/Canary Chrome 58'de hata yok. Chrome 56 ve Chromium 58'de hata (Windows). Bu kalemin içinde

, (zaman anahtarı başlığını, sonunda) bu hatayı ocurrs: Bu bilinen bir hata veya herhangi seçeneğini devre dışı bırakarak çözülür bazı Sorun olacaksa https://codepen.io/manz/pen/jyYKJo

bilen var mı?

Answer 1

O var neredeyse kesin belli NVidia GPU'larının özgü gibi görünen bu Krom/Krom pikselleştirme böcek,:

Issue 691262 Corrupted background with GPU rasterization.

Yukarıda da belirtildiği gibi

Answer 2

Chrome'da aynı sorunu yaşıyordum ama sonunda svg dosyasını temizlemenin sorunu çözdüğünü buldum. SVGO https://github.com/svg/svgo kullanmıştım.

Answer 3

bir GPU konudur ama geçici bir çözüm benim için büyük çalışır:

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; 
}