这种“图案”网格状背景是如何创建的？

-1

任何人都可以告诉我这种类型的'嘈杂'，网格状背景是如何创建的？这里的主题预览：这种“图案”网格状背景是如何创建的？

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

其实我有主题，但想不通的一段代码，使这种情况发生，我使用了“检查元素”的功能，但无法找到任何东西，这让我觉得这甚至不创建与CSS，JS也许？

谢谢！

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

来源

2016-01-25 AlexD

暗示：'背景：网址（图像/ grid.png）'; –

检查'.video-overlay' div。它也有内联风格'background-color：rgba（0,0,0,0.55）;' –

@SalemOuerdani ...纯色不会产生网格！ –

这是一个覆盖图像。

从chrome的调试工具转到资源 - >图像 - >grid.png。这是一张6 x 6的图片。

来源

2016-01-25 10:10:24 arcs

.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"> 
 
\t <div class="overlay" style="background-color: rgba(0,0,0,0.55);"></div> 
 
</div>

来源

2016-01-25 10:26:58

这种“图案”网格状背景是如何创建的？

回答

相关问题