css - 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、Firefox 和 Safari 中工作正常，但 IE11 不想玩球。

提前致谢。

Answer 1

尝试使用其他颜色。这个有效

linear-gradient(180deg, transparent 80%, #fff 90%), url('img/the_big_picture_bg.png')