opacidad de css no funciona en IE7

Tengo esta página de prueba: http://jsfiddle.net/VWnm9/7/. La imagen se desvaneció correctamente en todos mis equipos que ejecutan IE7 o IE8, a excepción de una computadora que ejecuta IE7 y no se desvanece la flor, incluso en el modo noext.opacidad de css no funciona en IE7

La página es:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
<head> 
    <style type="text/css"> 
     body { 
      background: blue; 
     } 
     img { 
      filter: alpha(opacity=10); 
      opacity: 0.1; 
     } 
    </style> 
</head> 
<body> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" /> 
</body> 
</html>

¿Alguien tiene una idea de por qué?

Fuente

2010-05-31 Alsciende

posible duplicado de [css opacidad no funciona en IE7] (http://stackoverflow.com/questions/2944019/css-opacity-not-working-in-ie7) – bobince

De hecho, publiqué dos veces. La primera vez SO me redirigió a la página "Hacer una pregunta", así que pensé que había perdido mi pregunta. – Alsciende

Sería bueno descubrir cuál es la diferencia entre las máquinas IE7 que funcionan y las que no. Versión de IE7 ligeramente diferente de las actualizaciones de Microsoft tal vez? – Alex

Probablemente necesite aplicar algunos de los filtros de MS.

Ej:

img { 
    opacity: 0.1; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    filter: alpha(opacity=10); 
}

More info about opacity on quirksmode.

Fuente

2010-05-31 14:09:31 mqchen

No funciona. -ms-filter es para IE8 en modo de compatibilidad, AFAIK. – Alsciende

Parece que IE puede requerir posicionamiento en elementos para aplicar filtros en él. Intenta agregar 'zoom: 1'. Más información aquí: http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/ – mqchen

Una imagen simple como esa ya tiene diseño. Pero probé el zoom: 1 y establecí el ancho y el alto para estar seguro: nada cambió. – Alsciende

No es 100% seguro, pero esto podría deberse a que IE tiene problemas con opacity en PNG transparentes: Véase this SO question

Fuente

2010-05-31 14:24:18

He probado 8 computadoras con éxito. Solo 1 computadora no descolora la imagen. El css utilizado debe funcionar y funciona. El problema radica en el IE7 que no funciona. – Alsciende

@Alsciende ¿esto es un problema en IE 7 en general o solo en una computadora? –

Solo una computadora. – Alsciende

que normalmente terminan recurriendo a PNG semitransparente de. Es una solución más agradable que los hacks CSS cuando necesita soportar IE6 y algunas versiones de IE7

Fuente

2010-05-31 14:26:02 Alex

Creo que IE6 necesita algunos javascript para entender la transparencia alfa en imágenes PNG. Por ejemplo. Aquí hay una solución: http://www.twinhelix.com/css/iepngfix/ – mqchen

Necesito ajustar la opacidad a través de javascript, por lo que esta no es una opción. – Alsciende

PNG Images funciona muy bien en tales casos.

Fuente

2013-04-09 10:40:42 Alex

Respuesta

Cuestiones relacionadas