필터를 사용하여 IE9의 배경 이미지에서 그라디언트 오버레이 실현

Question

현재 URL에서로드 된 배경 이미지에 그라디언트 오버레이를 만들려고합니다. 나는

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

지금은 IE9는 CSS 그라데이션을 지원하지 않는 것을 알고

를 사용하여 대부분의 주요 브라우저에서이 작업을 가지고 있지만, 그러나 이미지로드 및 그라디언트 모두 수있는 필터 속성을 지원하지 않습니다. 이제 this에 따르면 Microsoft Developer Network과 함께 StackOverflow 게시물을 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을 사용할 수 있습니다.