Ich habe versucht, die Opazität in IE zu arbeiten, ich bin im IE8 im Moment testen, Chrome usw. funktioniert gut, aber IE8 ist schrecklich.jQuery Anwendung css Opazität
Mein Code hat:
$('#mydiv').animate({'opacity': '0.5'});
und
$('#mydiv').css('opacity', 0.5);
Die Opazität auf die in diesem div gehalten Bilder angewendet wird, aber kein Text, es ist sehr ärgerlich :(kann mir jemand helfen ? Vielen Dank im Voraus.
Versuch mit diesem:
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
filter: alpha(opacity=75); /* older IEs */
Hoffnung das ist hilfreich für Sie
Versuchen Sie, diese
filter: alpha(opacity=50);
statt
opacity:0.5;
IE8 does'nt withoute Layout Opazität auf Elemente anwenden. Sehen Sie diese Antwort Opacity CSS not working in IE8
$ ('# mydiv') fadeTo (0,5);.
oder
$ ('# mydiv') fadeTo (500,0.5).
oder
$ ('# mydiv') fadeTo ("langsam", 0,5).
Ihr erster Vorschlag wird nicht funktionieren, da Geschwindigkeit das erste Argument ist, aber dies scheint hier die korrekteste Lösung zu sein. – AyexeM
jQuery für Sie die Opazität in eine IE ≥ 6 kompatible Weise Griff Einstellung, sowohl wenn die css("opacity", value) und fade*() Methoden. Aber achten Sie darauf, die jQuery 1.x Bibliothek, die mit IE 6, 7 und 8 kompatibel ist, im Gegensatz zu jQuery 2.x, die nicht ist (beide IE ≥ 9 kompatibel).
Hier sind die Beispiele für die Verwendung css("opacity", value) und fadeTo(duration, opacity):
Allerdings gibt es Probleme in IE ≤ 8 bezogen auf die Opazität von halbtransparenten PNGs: How to solve/hack fading semi-transparent PNG bug in IE8?
Ich fand 'fadeTo()' eine zuverlässige Cross-Browser-Möglichkeit zur Opazität zu animieren. http: //api.jquery.com/fadeTo/ – m90