用CSS而不是图像重新创建这个模式？

Question

我在网上遇到过这种模式，但这是一张图片，我想尽量避免使用图片作为装饰。

有关如何重新创建此模式的任何想法？ （不包括背后的背景纹理）

Answer 1

没有交叉浏览，但这是它的要点：

background-color: gray; /* Fallback */
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);

取自 CSS3 Patterns Gallery 。根据需要调整。