IE11中线性渐变背景图像覆盖另一背景图像

Question

我试图找到一个跨浏览器的解决方案，允许两个背景图像-线性渐变，这是覆盖在背景图像上。

具体地说，这需要在Internet Explorer 11中工作。

我在这种情况下使用内联样式-目前我有：

<div id="the_big_picture" class="row section second_section" style="background-image: linear-gradient(180deg,#ffffff00 80%,#fffffffc 90%), url('img/the_big_picture_bg.jpg')"></div>

上述功能在Chrome、火狐和Safari上运行良好，但IE11不想参与其中。

提前谢谢。

Answer 1

尝试使用其他颜色。这个可以用

线性渐变(180deg，透明80%，#fff 90%)，url('img/the_big_picture_bg.png')