Opacity standard. ¿Es posible?

[eSOFT]

Hola a todos:

Para crear transparencias a las imágenes suelo utilizar la siguiente clase:

img {

filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
border:0;

}

Pero no valida como standard. Alguien sabe cómo variar de opacidad a una imagen, que sea válida en ie6, ie7 y firefox, y que cumpla los standares?

Gracias, y un saludo desde eSOFT

[luissg]

No hay un standard, cada explorador de momento tiene el suyo, por desgracia. De todos modos, de los que has nombrado, el único tag "propietario" es "filter".

Te recomiendo que aisles el código para IE y pasarás el validador.

Imagina el siguiente escenario: tienes una clase CSS llamada "transparente". Puedes incluir el CSS para Mozilla, y un comentario condicional por si se trata de un visitante con IE:

Código:

.transparente
{
   -moz-opacity: 0.5;
   opacity: 0.5;
   border:0;
}

<!--[if !IE]>-->
.transparente
{
   filter:alpha(opacity=50); 
}
<!--<![endif]-->

Prueba así.

[eSOFT]

Gracias por tu respuesta.

He seguido tu consejo, pero en ie no crea la transparencia.

Seguiré investigando.

Un saludo desde eSOFT

[webosiris]

a) si hay una propiedad estandar css 3: opacity
b) estas usando 2 propiedades no estandar: alpha() y -moz
c) -moz no es necesario, firefox entiende el opacity estandar
d) hay un javascript (IE8.js) que permite entre otras cosas que el ie soporte el estandar opacity

[eSOFT]

Gracias por tu respuesta webosiris. Es justo lo que estaba buscando!!!!!

Un saludo desde eSOFT