Wie kann ich das Alpha eines Bildes in Javascript ändern? Welche Browser unterstützen das?Javascript - Ändern Sie die Alpha eines Bildes
Antwort
jQuery verwenden:
$(something).css('opacity', 0.5);
Diese in jedem Browser funktionieren.
Allerdings funktioniert es nicht mit halbtransparenten PNG-Bildern in IE 7 und 8, es sei denn, sie werden mit einem Filter angewendet.
+1 für die Erwähnung von PNGs mit Alpha-Transparenz. –
Ich glaube nicht, dass Sie das Alpha des Bildes selbst ändern können, aber Sie können es von dem Tag ändern, oder dem Container, in dem Sie es einfügen.
Die speziellen CSS-Eigenschaften ich für diesen Einsatz sind:
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
Da diese Frage mit jQuery und Javascript getaggt wurde, bin ich mir nicht sicher, ob er nach einer CSS Lösung gesucht hat! (Wie auch immer, ich habe etwas aus dieser Antwort gelernt -khtml-) Danke – adardesign
Die Eigenschaft Namen der opacity
und wird von allen gängigen Browsern, jedoch in verschiedenen Formen unterstützt - opacity
, -moz-opacity
(FF vor 2.0 glaube ich), filter
(IE) und so weiter.
Der einfachste Weg zu nehmen ist mit einem JavaScript-Framework wie jQuery oder Prototype, haben sie eine .opacity()
Funktion, die sich um die Macken kümmert.
- 1. So ändern Sie die Helligkeit eines Bildes
- 2. Ändern eines Bildes beim Hover mit Javascript
- 3. Ändern Sie die Farbe des Bildes in Javascript
- 4. Die Größe eines Bildes in Python ändern
- 5. JavaScript Canvas - ändern Sie die Deckkraft des Bildes
- 6. Ändern Sie die Farbe eines Bildes mit imagemagick
- 7. Ändern Sie die Auflösung eines JPEG-Bildes mit C#
- 8. Java Farbpalette eines Bildes ändern
- 9. Wie Ändern der Fensterebene eines Bildes auf Leinwand mit JavaScript
- 10. Zentrieren eines Bildes in Javascript
- 11. Hashing eines Bildes in Javascript
- 12. Anzeigen eines Bildes mit Alpha-Kanal auf OSX
- 13. Größe eines Bildes mit Büroklammer ändern
- 14. So ändern Sie die Größe eines Bildhintergrunds
- 15. Erkennen eines Bildes 404 in Javascript
- 16. Größe eines Bildes ändern und Qualität beibehalten?
- 17. Größe eines Bildes in Powerpoint 2007 ändern
- 18. Probleme beim Ändern eines Bildes von UIBarButtonItem
- 19. PHP: Ändern DPI eines Bildes mit Imagick?
- 20. Java: Schnellste Möglichkeit, die Helligkeit eines Bildes zu ändern
- 21. Wie bekomme ich die Mitte eines Bildes in Javascript?
- 22. Versucht, die src eines Bildes mit sessionStorage
- 23. Markieren Sie einen Abschnitt eines Bildes in JavaScript
- 24. Teil eines Bildes mit JavaScript erhalten
- 25. Wie erhalten Sie die Bildkoordinaten eines Bildes vor dem Hochladen?
- 26. Ändern eines JavaScript-Objekts
- 27. Javascript zum Zoomen und Schwenken eines Bildes
- 28. Erstellen eines Bildes Graustufen in Javascript
- 29. Native reagieren: Wie animieren Sie die Rotation eines Bildes?
- 30. Klicken Sie auf den Link, um die Quelle eines Bildes ohne jQuery zu ändern.
Was möchten Sie tun? – SLaks