Firefox 铬与铬之间的CSS3背景梯度问题；火狐

这两条线是相同的，但产生不同的结果。您可以在这里看到正在制作的内容（）。在Chrome中，一条显示两条45度的灰色垂直条纹，而在Firefox中，一条显示整个图像，而不是第二条垂直条纹

---

我花了一些时间在谷歌上搜索，但只找到了CSS3生成器的结果，这不是我想要的。让Firefox看起来像Safari&Chrome中的样子有什么帮助吗？

问题在于Firefox在所有颜色停止的起点和终点上的立场。最后一个和第五个颜色停止应该使渐变的其余部分透明，但没有。这是解决办法

background: -moz-linear-gradient(45deg,  rgba(92,92,92,0.95) 0%,rgba(92,92,92,0.65) 45%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.25) 47%,rgba(0,0,0,0) 47%);
background: -webkit-linear-gradient(45deg,  rgba(92,92,92,0.95) 0%,rgba(92,92,92,0.65) 45%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.25) 47%,rgba(0,0,0,0) 47%);

background: -moz-linear-gradient(45deg, rgba(92, 92, 92, 0.95) 0%, rgba(92, 92, 92, 0.65) 45%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.25) 47%, rgba(0, 0, 0, 0) 47%), rgba(0, 0, 0, 0) 100%);