Google chrome Windows 7上Chrome中径向渐变的像素化渲染

有关参考信息，请参见以下问题：

OP在渐变的平滑度方面遇到了问题，但从讨论来看，这似乎只是在使用alpha透明度时出现的

---

这是我使用的梯度：

div{
背景：径向梯度(
#000 30%,
透明30%，透明40%，
#000 40%, #000 60%,
透明60%
);
}

如您所见，它使用了硬停止（因此没有颜色转换）和rgba（因此也没有alpha）。不过，在Chrome中（在Windows 7上的23中进行了测试），它呈现出极为像素化的效果：

这就是Chrome处理这些事情的方式，还是我遗漏了什么？有什么办法可以使它变得平滑一点（显然，除了使用图像之外）

这是小提琴：

---

---

更新：

这是chrome的渲染问题，您可以通过稍微调整形状来创建平滑效果。查看我对你小提琴的更新

}

---

}

奇怪，只是弄乱了它，我让它看起来很光滑，但实际上改变了它的外观-所以我不打算post@ScottSelby-我想你应该发帖。看到你所做的不同可能只是给我们一个线索，说明可能是什么导致了这一点。同样的情况是，使用透明遮罩，边界半径为其宽度/高度的50%的circle-div。三年和32个版本后，这仍然是一个问题……我接受了这个答案，因为它在某种程度上解决了我的问题，但这仍然非常奇怪。让我们看看会发生什么。

div {
width: 100px;
height: 100px;
background: radial-gradient(#000 30%, transparent 30%, transparent 40%, #000 40%, #000 60%, transparent 60%);

div.new {
background: radial-gradient(#000000 30%, transparent 32%, transparent 38%, #000000 40%, #000000 60%, transparent 62%) repeat scroll 0 0 transparent;
height: 100px;
width: 100px;