使用css，我可以组合模式渐变（4px x 4px）和透明渐变（遍布整个页面）

Question

我正在尝试覆盖2个不同的渐变，而不使用任何图像：

• 一个可重复的渐变（6px乘6px），形成类似哈希的图像。
• 整个页面上有一个垂直透明渐变（100％到0％）。

这是我尝试过的代码：

html{
    background: -moz-linear-gradient(top, transparent 0%, #FFFFFF 100%);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body{
    background: -moz-linear-gradient(45deg, #C6C6C6 0%, #C6C6C6 25%, #FFFFFF 25%, #FFFFFF 50%, #C6C6C6 50%, #C6C6C6 75%, #FFFFFF 75%, #FFFFFF 100%);
    background-size: 6px 6px;
}

任何想法都有可能吗？