图像地板褪色颜色与网页的背景颜色混合？

【问题标题】：image floor fade color blend with background color of the webpage?图像地板褪色颜色与网页的背景颜色混合？
【发布时间】：2017-10-20 23:01:43
【问题描述】：

如何设置图像叠加层以匹配网页的背景颜色？ Here's an example.

【问题讨论】：

这不是代码，这是照片编辑。你需要 Photoshop。

标签： javascript jquery html css sass

【解决方案1】：

您可以使用background-blend-mode: overlay;。请参见下面的示例：

.box {
  background-image: url(https://i.stack.imgur.com/pjKxM.jpg);
  height: 300px;
  width: 300px;
  background-color: #5e9bbf;
  background-blend-mode: overlay;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

&lt;div class="box"&gt;&lt;/div&gt;

【讨论】：