如何在圖像上使用jquery/photoshop製作小網格

Question

我想爲網站背景製作照片上的網格。此示例網站：http://www.thebullittagency.com/。我想要與網站背景一樣。我在谷歌搜索很多。但是，我還沒有找到。請幫助我。謝謝。

Answer 1

您可以在photoshop中創建棋盤格透明圖像，其中黑色像素實際上是黑色和白色 - 透明。

在此之後，你可以添加背景圖片，如：

html { 
    background: black url('background.jpg') no-repeat center center; 
    background-size: cover; 
} 

並添加網格body，像這樣：

body { 
    background: url('grid.png') top center; 
}