Question

谁能告诉我这种类型的“嘈杂”，网格状的背景是如何创建的？这是主题预览：

http://themes.semicolonweb.com/html/canvas/one-page/index.php

我实际上有主题，但无法找出使这种情况发生的代码片段，我使用“检查元素”功能，但找不到任何东西，这让我觉得这甚至都没有创建css，JS也许？

谢谢！

编辑：OMG，一个简单的叠加图片，我觉得很愚蠢:)谢谢你们

Answer 1

这是一个叠加图像。

在chrome的调试工具中转到资源 - ＆gt;图像 - ＆gt; grid.png。这是一张6 x 6的图像。

Answer 2

.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://source.unsplash.com/YD1uvthZwg4/860x660);
    background-size: cover;
    background-position: 50% 50%;
  
}

.overlay{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(http://canvashtml-cdn.semicolonweb.com/images/grid.png);
}

<div class="wrapper">
	<div class="overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>

这种“图案化”网格状背景是如何形成的？

2 个答案: