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/

この問題を解決するには？誰もこれに遭遇したことがありますか？

アップデート。1: Mac OS 10.8.4 を使用しています。Safari では、このコードは問題なく動作します。

アップデート。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 に答える