zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Multiple Backgrounds mit progid:DXImageTransform Filter für IE9

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.10.2013, 13:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2013
Beiträge: 21
dst89 befindet sich auf einem aufstrebenden Ast
Standard 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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.10.2013, 14:24
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Könnte das irgendwie funktionieren?
Nein.
Du könntest höchstens ein Div innerhalb eines anderen div verwenden und hättest dann auch die Möglichkeit 2 Hintergründe anzuwenden.

HTML-Code:
<div id="outer-container">
  <div id="inner-container">
  </div>
</div>
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.10.2013, 16:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.08.2013
Beiträge: 21
dst89 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Nein.
Mist.

Zitat:
Du könntest höchstens ein Div innerhalb eines anderen div verwenden und hättest dann auch die Möglichkeit 2 Hintergründe anzuwenden.
Ich weiß, aber genau das will ich ja nicht machen. Sonst würde ich mir den Umwand von vorn herein sparen.
Mit Zitat antworten
Antwort

Stichwörter
backgrounds, filter, ie9, multiple, progid

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:20 Uhr.