1

我正在做一个网站，我决定使用渐变而不是图像，但我在 Google Chrome (v. 29.0.1547.65) 中遇到了问题。渐变使用以下代码闪烁。

HTML：

<div class="blueline-top"></div>

CSS：

.blueline-top {
    width: 100%;
    height: 60px;
    background: radial-gradient(50% 300px, circle, #157cda, #14426c);
    background: -webkit-radial-gradient(50% 300px, circle, #157cda, #14426c);
}

演示：http: //jsfiddle.net/DaZzz/BCBG8/1/

如何解决这个问题？有没有人遇到过这个？

UPD。1：我使用的是 Mac OS 10.8.4。在 Safari 中，这段代码运行良好。

UPD。2：在 Opera 17.0.1241.18 中遇到同样的问题。

4

2 回答 2

1

这可能是由于像素行走/反转问题。这可能是由于 LCD 屏幕上的电压不正确造成的。我对此了解不多，但是有一些非常好的测试可以查看您的显示器是否有它：

http://www.lagom.nl/lcd-test/inversion.php#invpattern

于 2015-02-11T19:43:42.393 回答
0

转到菜单并取消标记此选项：设置 -> 显示高级选项 -> 可用时使用硬件加速。

如果问题停止发生，可能是以下几件事：

  1. 你的显卡坏了。

  2. 你有一个视频卡驱动程序错误。

  3. 您的操作系统的 chrome 版本存在错误。

1，可以通过在另一台机器上测试来排除。2 可以通过升级和/或降级驱动程序来排除。3可以通过升级或降级您的chrome版本来排除。

根据我的经验 1. 并不像你想象的那么不合理。

于 2013-09-17T21:14:14.317 回答