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

Question

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

Answer 1

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

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

<div class="box"></div>