在IE9中使用滤镜实现背景图像上的渐变叠加

Question

我目前正在尝试在从URL加载的背景图像上创建渐变叠加。我用

background: linear-gradient(rgba(54, 91, 162, 0.66), rgba(78, 150, 231, 0.66)), url(<urlHere>); 

现在我知道，IE9不支持CSS渐变得到了大多数主流浏览器这个工作，但它不过支持的过滤器属性，它允许两个图像加载和渐变。现在根据this StackOverflow和Microsoft Developer Network一起发布，您可以使用space将多个过滤器分开。所以，我试图使像这样

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a8365ba2', EndColorStr='#a84e96e7') progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<urlHere>'); 

我IE9过滤不过，我似乎无法得到这个在IE9中正常工作，它始终没有任何梯度只显示背景图片可言，即使我颠倒顺序他们在过滤器中。

我已经测试了渐变过滤器本身，我知道它的工作原理，我也测试了背景图片过滤器本身，并可以确认它的作品。

我在做什么错？

Answer 1

您可以使用background-image: url()和:before/:after作为渐变。