フィルタを使用してIE9の背景画像にグラデーションオーバーレイを実現する

Question

現在、URLから読み込まれた背景画像にグラデーションオーバーレイを作成しようとしています。私は今、私はIE9はCSSグラデーションをサポートしていないことを知っているが、それはしかし、画像の読み込みとグラデーションの両方を可能Filterプロパティをサポートしない

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

を使用することにより、ほとんどの主要なブラウザでは、この作業を持っています。今すぐthis StackOverflowの投稿に沿ってMicrosoft Developer Networkとspaceで区切って複数のフィルタを持つことができます。だから、私はIE9はそう

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

私は、これはIE9で正しく動作するように見えることはできませんしかし、それは常に私が順序を逆にしても、まったく勾配なしでちょうど背景画像を表示するようにフィルタリング作ってみましたフィルターの中で

私はグラディエントフィルタを単独でテストしましたが、動作していることがわかりました。また、背景画像フィルタもテストして、動作することを確認できました。

私は間違っていますか？

Answer 1

グラデーションにはbackground-image: url()と:before/:afterを使用できます。