Hintergrund Bild nicht angezeigt IE8
Aus irgendeinem Grund, das Hintergrundbild wird nicht angezeigt im IE8 und IE9. Es zeigt sich in IE10, Chrome und Firefox.
Ist hier das relevante CSS:
.addCartButton
{
background: url('/images/cartWhite.png') 18px 11px no-repeat, -ms-linear-gradient(top,#74c163,#1d7a09);
background: url('/images/cartWhite.png') 18px 11px no-repeat, -moz-linear-gradient(top,#74c163,#1d7a09);
background: url('/images/cartWhite.png') 18px 11px no-repeat, -webkit-linear-gradient(top,#74c163,#1d7a09);
background: url('/images/cartWhite.png') 18px 11px no-repeat, linear-gradient(top,#74c163,#1d7a09);
}
- mehrere bg ' s werden nicht unterstützt von IE < 10
- Du meinst, ich kann nicht beides haben einen hintergrund und Farbverlauf?
- NÖ. So weit ich weiß, wird ein gradient zählen als ein Hintergrundbild. Wenn der browser nicht unterstützt css 3, mehrere Hintergründe, wird es nicht für alle (zählen Sie als Ungültiger Eigenschaftswert). Ich weiß, IE9 etwas unterstützt mehrere bgs, aber es ist viel, buggy (überprüfen Sie dies caniuse.com/#feat=multibackgrounds auf bekannte Probleme). Und seit IE9 nicht weiß, über css-3-Verlauf, es macht die ganze Erklärung ungültig ( caniuse.com/#feat=css-gradients )
Du musst angemeldet sein, um einen Kommentar abzugeben.
CSS3 mehrere hintergrund nicht unterstützt von IE 8 und unten. Also die Komma-getrennt-hintergrund-Wert ungültig ist damit nicht arbeiten.
Und es funktioniert nicht auf dem IE9, auch wenn es Unterstützung für mehrere Hintergründe (buggy aber es funktioniert), weil IE9 NICHT unterstützt CSS3 Gradient also nochmal, es macht die ganze Erklärung ungültig.
Schlage ich vor, Sie
!important
auf mehrere hintergrund-Erklärungen, aber einen einzigen hintergrund-Erklärung, die als Letzte in der Linie, so IE9 und unten kann die Anzeige mindestens eine von den BG ' s:Als eine weitere option, die Sie nutzen könnten CSS3Pie. Beispiel:
Denken Sie daran, es wird nur funktionieren, wenn die url von
behavior
ist auf der gleichen domain. Lesen Sie mehr.