用CSS而不是圖像重新創建這個模式？

Question

我在網上遇到這種模式，但它是一個圖像，我想盡可能避免使用圖像作爲裝飾。

有關如何重新創建此模式的任何想法？ （不包括其背後的背景紋理）

Answer 1

沒有交叉browsering但下面是它的要點：

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服用。根據需要調整。