Opacidad a la hora de validar

[SilentHill]

Buenos días comunidad,

Estoy haciendo un sitio donde tengo el siguiente fragmento de código:

Código:

  filter: alpha(opacity=50);
  opacity: 0.5;

Cuando valido la hoja de estilo me dice que no es válida por usar el opacity

Código:

... Error de análisis sintáctico  opacity=50)
... La propiedad opacity no existe en CSS versión 2.1 pero existe en [css3] : 0.5

Alguno sabe como llegar a que valide usando estás propiedades?

Desde ya gracias

[Jamati]

Dicha propiedad está tanto para FF, y otra para IE, pero al poner las dos, quedate tranquilo que siempre, sí o sí, te aparecerá un error.

pero funcionan de maravillas igualmente !!

[Mikmoro]

Debes poner el filtro en un comentario condicional, bien en la cabecera o en una hoja de estilo aparte:

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

Y luego validar usando las opciones y eligiendo CSS3.

[SilentHill]

Me imaginé eso pero CSS3 no es el standard en uso aún se valida por CSS2.

Lo malo que casos como FF no lee comentarios para agregarle hojas de estilo, si no estaría salvado.

No existe algún otro truco para estos casos?

Gracias por las respuestas!

[Mikmoro]

¿Truco? No entiendo: opacity no es una propiedad CSS2, es una propiedad CSS3, por lo tanto, sivalidas como CSS2 no será válida, y si lo haces como CSS3 sí lo será. Así de simple.

¿Qué problema te produce validar como CSS3 en la W3C? Eso no significa ninguna imcompatibilidad para ti ni para tus clientes, te lo aseguro.

[webosiris]

además agrego que usando este javascript (en su versión IE8.js) agrega soporte para opacity al Ie, así que si lo usas no es necesario usar filtros alpha

[SilentHill]

Entiendo perfectamente lo que dicen, la pregunta era si no existian algún tipo de hack para salvar estos casos pero ya está decidí hacerlo valido para CSS3 y listo.

Gracias por las respuestas.

[Jamati]

Hola webosiris, estuve viendo el link al Javascript que enviaste, pero poner eso para tu web, practicamente es un dolor de cabeza, ya que es un codigo bastante extenso.

Y aparte, confiar en poner tanto Javascript para que maneje tu página no sé si es recomendable, estoy en lo cierto ?

[webosiris]

Iniciado por Jamati

es un dolor de cabeza, ya que es un codigo bastante extenso.

no entiendo eso... son solo 3 lineas:

Código html:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
 

Y aparte, confiar en poner tanto Javascript para que maneje tu página no sé si es recomendable, estoy en lo cierto ?

ese js es solo para ie... y cre que no me equivoco que todos los usuarios de ie6 tienen js activado (si les preocupara la seguridad no usarían ie ) así que depender de ese js concretamente, no es peligroso.

[Jamati]

Gracias webosiris, pero me expliqué mal.

Si bien son solo 3 líneas, al cargar tu página es tamaño en bytes que tiene que descargar, y es bastante, uede hacer lenta la página... a eso me refería yo.

Muchas gracias por la respuesta anterior.