Categorías
CSS Design

Hacer que IE muestre una imagen transparente correctamente

Tengo un problema de visualización de IE cuando agrego mi logo para programcreek. El logo es una imagen transparente. Se ve bien en Firefox, Chrome, como el siguiente

pero tengo el siguiente problema en IE. El fondo transparente ahora es un fondo negro.

Aqui esta la solucion.

Antes

<img src="./images/logo.png" border="0" alt="ProgramCreek.com" height="47px" />

Después

<span  style="height:47px; width: 200px; margin-top: -11px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/logo.png'); 
						display: inline-block;">
      	 	<img alt="ProgramCreek.com" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"  src="./images/logo.png" height="47px" border="0"/>
      	 </span>

Aquí agregue un etiqueta para agregar estilo.

Aquí la imagen del logo inicial es muy grande, IE no puede cambiar el tamaño de la imagen. Entonces cambio el tamaño de la imagen usando esto herramienta. Es muy bueno.

  Establecer el comportamiento de salto de página para un elemento

Por Programación.Click

Más de 20 años programando en diferentes lenguajes de programación. Apasionado del code clean y el terminar lo que se empieza. ¿Programamos de verdad?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *