Multiple Backgrounds mit progid:DXImageTransform Filter für IE9
Ich benötige für ein Projekt einen Verlaufshintergrund hinter einer anderen Grafik und das in einem Div-Container und als Background mit CSS:
Zitat:
background: rgba(122,182,89,0);
background: url(img/wiese.png) top center repeat-x, -moz-linear-gradient(top, rgba(122,182,89,0) 0%, rgba(122,182,89,0) 40px, rgba(122,182,89,1) 40px, rgba(122,182,89,1) 100%);
background: url(img/wiese.png) top center repeat-x, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,182,89,0)), color-stop(40px, rgba(122,182,89,0)), color-stop(40px, rgba(122,182,89,1)), color-stop(100%, rgba(122,182,89,1)));
background: url(img/wiese.png) top center repeat-x, -webkit-linear-gradient(top, rgba(122,182,89,0) 0%, rgba(122,182,89,0) 40px, rgba(122,182,89,1) 40px, rgba(122,182,89,1) 100%);
background: url(img/wiese.png) top center repeat-x, -o-linear-gradient(top, rgba(122,182,89,0) 0%, rgba(122,182,89,0) 40px, rgba(122,182,89,1) 40px, rgba(122,182,89,1) 100%);
background: url(img/wiese.png) top center repeat-x, -ms-linear-gradient(top, rgba(122,182,89,0) 0%, rgba(122,182,89,0) 40px, rgba(122,182,89,1) 40px, rgba(122,182,89,1) 100%);
background: url(img/wiese.png) top center repeat-x, linear-gradient(to bottom, rgba(122,182,89,0) 0%, rgba(122,182,89,0) 40px, rgba(122,182,89,1) 40px, rgba(122,182,89,1) 100%);
filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='img/wiese.png'), progidXImageTransform.Microsoft.gradient( startColorstr='#7ab659', endColorstr='#7ab659', GradientType=0 );
|
Damit das in allen gängigen Browser läuft muss ich bei IE < 10 auch mit Microsoft Filtern arbeiten. Leider funktioniert das nicht, dass ich zwei Filter durch Komma getrennt verwende.
Könnte das irgendwie funktionieren?
|