我有一个线性渐变作为背景，它在 Firefox、Opera 经典等中运行良好，但在 Chromium（以及 Android 股票浏览器）中以 10px 条带跳跃。您可以看到没有平滑的渐变，而是 2 个条纹。
我的问题也是我想要一个锐利的切割（蓝色/白色），但由于 10px 的剥离，切割跳跃以 10px 的步长而不是 1px。我这里有一个蓝色框，它应该与渐变对齐，但不是因为这些 10 像素的步骤。
background: -webkit-gradient(linear, left top, right top, color-stop(0px,#247), color-stop(800px,#247), color-stop(800px,#fff), color-stop(820px,#fff), color-stop(820px,#247), color-stop(1000px,#247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #247 0px,#247 800px,#fff 800px,#fff 820px,#247 820px,#247 1000px); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to right, #247 0px, #247 800px, #fff 800px, #fff 820px,#247 820px, #247 1000px); /* W3C */
我还在使用所有其他前缀版本（-moz、-o、-ms）。
编辑：好的，我应该先添加一个演示，这里是：Codepen DEMO。左边的蓝色块应该正好是 1000px，和下面的控制块一样宽。它在 Firefox 和 Opera Classic 中，但不在 Chrome 和 Chromium 中。