Una de las principales fallas del Internet Explorer 6 que causa muchas molestias es la falta de soporte para las transparencias de las imágenes PNG, pero existe un truco para poder utilizarlas, se trata de un código en JavaScript que es nacesrio incluir dentro del CSS, el código es el siguiente:
* html #image-style {
background-image: none;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src="filename.png", sizingMethod="scale");
}Sencillo ¿no?
html transparencias en imagenes - solución de transparencias de png en explorer 6 - ver png en ie - html transparencia usando imagen - javascript ver png ie6 - Css Transparencia IE 6 - internet explorer transparencia png - como usar png con css - que es el png - transparencias en explorer 6 - png image internet explorer 6 css - png internet - png en ie solucion - codigo para transparencia de png - transparencia png en internet explorer - imagenes png para movil - usar .png -
Mi nombre es Carlos Leopoldo Magaña Zavala, soy desarrollador web y puedes contratarme para tu proyecto. Conoce más acerca de mi
@reymundolopez sí! tablas nunca más! in reply to reymundolopez 20 hrs ago
Puedes seguirme en Twitter
4 Comentarios (Agrega el tuyo)
O no funciona o hay algo que hago mal. ¿El estilo es un css normal no? ¿no hay que incluir ningún javascript ni ninguna función? Aquí dejo mi código por si hay alguna solución, gracias. El blog está muy bien y la verdad es que es de los más completos en cuanto a recursos ;)
Documento sin título
* html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”img/Untitled-1.png”, sizingMethod=”scale”);
}
En el src de la imagen, que URL hay que poner? Hay que subir alguna imagen al servidor?
2 Trackbacks (URL del trackback)
[...] Cómo hacer que funcione la transparencia de los PNG en Internet Explorer6. También hay otra técnica para imágenes PNG en IE. [...]
[...] aNieto2K me enteré de que existe una mejor alternativa a las soluciones para hacer que Internet Explorer soporte las transparencias de las imágenes PNG, se llama [...]