5
¿Cómo puedo cambiar el alfa de una imagen en javascript? Además, ¿qué navegadores soportan esto?javascript - cambiar el alfa de una imagen
A
Respuesta
9
Usando jQuery:
$(something).css('opacity', 0.5);
Esto funcionará en todos los navegadores.
Sin embargo, no funcionará correctamente con imágenes PNG semitransparentes en IE 7 y 8 a menos que se apliquen con un filtro.
+0
+1 por mencionar PNG con transparencia alfa. –
3
No creo que pueda cambiar el alfa de la imagen en sí, pero puede cambiarlo de la etiqueta o del contenedor en el que lo colocó.
las propiedades CSS particulares que utilizo para esto son:
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
+0
Dado que esta pregunta fue etiquetada como jQuery y javascript, no estoy seguro de que estuviera buscando una solución de CSS. (De todos modos, aprendí algo de esta respuesta el -khtml-) Gracias – adardesign
0
El nombre de la propiedad es opacity y es soportado por todos los navegadores, sin embargo en varias formas diferentes - opacity, -moz-opacity (FF pre 2.0 creo), filter (IE) y así sucesivamente.
La forma más fácil de utilizar es utilizar un marco de JavaScript como jQuery o Prototype, tienen una función .opacity() que se ocupa de las peculiaridades.
Cuestiones relacionadas
- 1. JavaScript ¿cómo cambiar el cursor del mouse a una imagen?
- 2. Android y configuración alfa para (imagen) vista alfa
- 3. Cambiar varias fuentes de imagen Javascript
- 4. Mapa de imagen por canal alfa
- 5. Cambiar el tamaño de la imagen con JavaScript
- 6. Cambiar el color de la imagen en javascript
- 7. Cambiar la imagen alt con Javascript onclick
- 8. ¿Cómo cambiar el alfa de un UILabel tocando?
- 9. HTML/CSS - crear máscara alfa sobre imagen
- 10. Lienzo: ¿enmascarar una imagen y preservar su canal alfa?
- 11. ¿Cómo implementar un degradado alfa en una imagen?
- 12. cómo dibujar una imagen en un lienzo con transparencia/alfa
- 13. javascript - cambiar el estilo de una clase
- 14. Cambiar una imagen usando jQuery
- 15. Cambiar el tamaño de una imagen en el balanceo
- 16. brillo y el contraste de una imagen Lona con javascript
- 17. ¿Cómo encontrar el valor de transparencia del canal alfa de un píxel en una imagen png?
- 18. ¿Cómo desactivo un botón con una imagen sin reducir el alfa en el objetivo C?
- 19. ¿Cómo obtener el valor alfa de una imagen PNG con PIL?
- 20. Cambiar el referer http en javascript
- 21. Cambiar el modo de tamaño de una imagen de fondo en el cuadro de imagen
- 22. Cambiar una imagen mientras usa JCrop
- 23. Cómo cambiar la imagen de una ruleta
- 24. cambiar la opacidad de la imagen usando javascript
- 25. Cómo cambiar el color de una imagen usando jquery
- 26. ¿Cómo puedo cambiar el tamaño de una imagen usando Java?
- 27. ¿Cómo puedo cambiar el tamaño de una imagen sin estirarla?
- 28. Cambiar el tamaño de una imagen con Paperclip
- 29. Cambiar el color de una imagen con imagemagick
- 30. Cómo cambiar el tamaño de imagen UIBarButtonItem
¿Qué estás tratando de hacer? – SLaks