Internet Explorer 的背景混合模式替代方案

Question

我在我的页面上使用背景混合模式，但 IE 不支持它。

我该如何解决这个问题？

我在 Chrome/Firefox 上的页面：

我在 IE 上的页面：

我的 CSS：

 div#background-image-new {
background-image: url("/img/profile_pictures/bg.jpg");
/* z-index: -2; */
background-size: cover;
background-color: rgba(6, 18, 53, 0.75);
background-blend-mode: overlay;
position: fixed;
top: 0;
height: 100vh;
width: 100vw;
z-index: -1;
}

原文由 Gabriela Marinho 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您最好使用 css 伪元素（ :before, :after ）来指定它。

原文由 Erik P_yan 发布，翻译遵循 CC BY-SA 4.0 许可协议