Verwenden von Filtern zum Erzielen von Verlaufsüberlagerung auf Hintergrundbild in IE9

Question

Ich versuche derzeit, ein Verlaufs-Overlay für ein Hintergrundbild zu erstellen, das von einer URL geladen wird. Ich habe in den meisten gängigen Browsern diese Arbeit bekam von

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

Jetzt mit ich weiß, dass IE9 nicht CSS Gradient nicht unterstützt, aber es jedoch die Filter-Eigenschaft nicht unterstützt, die sowohl Bild Laden und Gradients ermöglicht. Jetzt nach this StackOverflow Beitrag zusammen mit dem Microsoft Developer Network können Sie mehrere Filter haben, indem Sie sie mit einem space trennen. So versuchte ich, wie so

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

meinen IE9 Filter zu machen aber ich kann nicht scheinen, diese richtig in IE9 zu arbeiten, es wird immer ohne Gefälle nur das Hintergrundbild angezeigt wird an alle, auch wenn ich die Reihenfolge umkehren von ihnen im Filter.

Ich habe den Gradientenfilter selbst getestet und weiß, dass es funktioniert, ich habe auch den Hintergrundbildfilter selbst getestet und kann bestätigen, dass er auch funktioniert.

Was mache ich falsch?

Answer 1

Sie können die background-image: url() und :before/:after für Farbverlauf verwenden.