HTML CSS 图像变暗网格（可能是插件）[关闭]

【问题标题】：HTML CSS Image darken grid (plugin maybe) [closed]HTML CSS 图像变暗网格（可能是插件）[关闭]
【发布时间】：2016-03-06 18:23:19
【问题描述】：

在下面的网站上有一个完整的背景图像，在该图像的顶部有使该图像变暗的网格/网络，那是什么，我在哪里找到它，我如何创建它？（我搜索了源代码，没找到，帮帮我）

http://www.art3d.ru/

【问题讨论】：

要求我们推荐一种技术或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是题外话

标签： html css web frontend

【解决方案1】：

也许是一个简单的渐变叠加？

html {
  min-height:100%;
  background:
    linear-gradient(to left,transparent 50%, rgba(0,0,0,0.3) 50%),
    linear-gradient(to bottom,transparent 50%, rgba(0,0,0,0.3)50%),url(http://lorempixel.com/640/480);
  background-size:2px 4px, 4px 2px, cover;
}
html:hover {/* demo purpose */
  background-size: 0% 0%,0% 0%, cover;
  }

【讨论】：

【解决方案2】：

使用opacity 属性，您可以使图像变暗。你可以这样实现它：

body {
    background-image: url('path');
}

div {
    opacity: 0.2;
}

我设置了一个body 背景图像，当你给div opactiy 时，它应该使图像变暗。有时它可能非常有用。

希望我回答了你的问题。

【讨论】：