如何使用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;
}