CSS3 1px对角线渐变

Question

我想用CSS3创建一个对角线模式，如下所示：

所以1px暗对角线，1px浅对角线等等......

这就是我想出来的，我觉得我很亲近，但有些事情是肯定不对的：

background-color: #454545;
background-image: repeating-linear-gradient(-45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 1px, transparent 1px, transparent 4px);

演示：

http://tinkerbin.com/6mTBtADt

Answer 1

在现有代码中使用background-size尝试添加此背景大小：8px 8px;

Answer 2

您的代码在Firefox中看起来很棒，但是当我在Chrome中查看时，我可以看到问题。

实际上看起来你的渐变是正确的，因为如果你在浏览器上引起重绘（即通过调整大小），它有时看起来接近Firefox版本。这让我相信这是Chrome中的一个错误。

如果你从1px增加到4px，你可以看到它正常工作，但非常不稳定。