Cómo validad la opacity?

[T_O_N_N_Y]

Buenas, tengo un problema al validar este código CSS:

Código HTML:

.black_overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter:Alpha(opacity=80);
}

Da error en:
La propiedad -moz-opacity no existe : 0.8
La propiedad opacity no existe en CSS versión 2.1 pero existe en [css3] : 0.8
Error de análisis sintáctico opacity=80)

Para que no de error el "opacity=80" he probado a cambiarlo por "Aplpha(opacity:80)" que lo he visto alguna vez, pero tampoco funciona.

Espero que me podáis ayudar.

Un saludo a todos

[kazafun]

Te aconsejo utilizar PNG semitransparentes.

[T_O_N_N_Y]

ok, gracias

Pero una pregunta, ¿no tiene ningún problema en IE6 ?

Un saludo!

[webosiris]

a) -moz-opacity no es estándar, solo lo interpreta firefox y además no es necesario ya que firefox reconoce el opacity estándar
b) opacity es estándar en css3, asi que para que te valide solo tienes que validar tu css como css3
c) filter:Alpha(opacity=80); es lo mismo que el -moz-opacity pero para IE, tampoco es estándar y por eso no te valida. Te aconsejo en too caso llamar al Alpha usando comentarios condicionales

[T_O_N_N_Y]

Ok.

Y cómo valido con CSS3 ?

Sorry, pero me quedé en 2.1, tengo que actualizarme :D

Un saludo y gracias

[David]

Entra aquí:
http://jigsaw.w3.org/css-validator/#...i+with_options

Entre las opciones selecciona la versión.

[T_O_N_N_Y]

Bueno, por ahora voy a usar la técnica de los PNGs, que es más sencillo.

Una pregunta, se sabe para cuando estará CSS3 implementado para todos los navegadores?

Un saludo!

[Mikmoro]

Iniciado por T_O_N_N_Y

Bueno, por ahora voy a usar la técnica de los PNGs, que es más sencillo.

Una pregunta, se sabe para cuando estará CSS3 implementado para todos los navegadores?

Un saludo!

Como tú mismo has dicho antes, los PNG's te van a dar dolor de cabeza con IE6.

[miguel_es]

Entonces como quedaría el código, me cargo la linea de ¿"-moz-opacity: 0.8;" y listo?

Código HTML:

.black_overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
opacity:.80;
filter:Alpha(opacity=80);
}

[alexk]

pasa por las FAQ's y ese letrerito que dice que no revivas temas antiguos sino que crees uno nuevo... esta por algo