Chrome / Chromium中的奇怪对角线（bug？） [英] Strange diagonal lines in Chrome/Chromium (bug?)

问题描述

当我使用CSS滤镜，阴影，转换，SVG（或类似的）时，我的Chrome / Chromium会显示一条奇怪的斜线：

  filter：drop-shadow（0px 0px 10px＃dce810）; 
 transform：skew（-15deg）; 
  

在Firefox（Windows）/ Canary Chrome 58中没有错误。在Chrome 56和Chromium 58（Windows）上出现错误。

这个错误（最后，当打开标题时）：
https://codepen.io/manz / pen / jyYKJo

有人知道这是一个已知的bug还是一些通过禁用任何选项解决的问题？

几乎可以肯定的是这个Chrome / Chromium光栅化错误，它似乎是特定于某些NVidia GPU的：

问题691262使用GPU光栅化损坏的背景。

When I use CSS filters, shadows, transformations, SVG (or similar), my Chrome/Chromium shows a strange diagonal lines:

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

No error in Firefox (Windows) / Canary Chrome 58. Error on Chrome 56 and Chromium 58 (Windows).

In this pen, ocurrs this error (at end, when switch on title): https://codepen.io/manz/pen/jyYKJo

Does anyone know if it's a known bug or some problem that is solved by disabling any option?

解决方案

It's almost certainly this Chrome/Chromium rasterization bug, which appears to be specific to certain NVidia GPUs:

Issue 691262 Corrupted background with GPU rasterization.

这篇关于Chrome / Chromium中的奇怪对角线（bug？）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！