opacity no es valido?

[kaninox]

Hola, quiero validar un css "Ahora" y me esta dando problemas con etiqueta que necesito :/

http://jigsaw.w3.org/css-validator/v...ning=1&lang=es

[w0rldart]

Bueno yo mas o menos tengo el mismo problema... y estoy buscando solucion sin quitar esa parte del css... aver si alguien ya paso por esto...

[kaninox]

de hecho es el lightbox quien ocupa ese codigo al igual que un preloader que realice ocupando el mismo efecto, como también, un efecto que le di a las imagenes, de hecho funcionan bien, salvo que no me validan, haber si alguien sabe como hacer para que valide.....

[Triby]

Opacity es propiedad de CSS 3, por eso no valida... opciones? creo que solo creando el css desde javascript, ya sea modificando directamente las propiedades de los elementos o con document.write('bla bla bla');... pero, vale la pena?... ustedes decidan.

[webosiris]

Iniciado por Triby

opciones? creo que solo creando el css desde javascript

hay una opción mucho más sencilla: validar en css3

en el validador tan solo tienen que ir a "más opciones" y en "perfil" en vez de validar css2.1 tienen que indicar que quieren validar como css3

[Triby]

Ah... 'pos si... que bruto soy, verdad?

No se me habia ocurrido esa opcion, pensando que todavia no esta liberado CSS 3, pero si ya se pueden aprovechar sus ventajas, no veo entonces la necesidad de andar haciendo malabares.

Gracias por el dato.

[kseso?]

qué cabecita Triby
Creo que tu confusión pueda venir de alguna competencia de css por el lado de la accesibilidad:
al pasar la validación del hera, éste marca como error (css no válido) si hay propiedades de css3.

Un saludo

[kaninox]

igualmente no reconoce la propiedad, en cs3 :/ sobretodo -moz-opacity
para IE ......

Error de análisis sintáctico opacity=100)
La propiedad -moz-opacity no existe : 1.0

y asi con lo demás...

[kseso?]

Claro Kaninox.
todas las -moz-... sólo las entiende FF (o mejor dicho, son propiedades sólo para FF) Pero FF al menos desde la ver. 3 acepta opacity.

Para ie 6 y7 tendrás que utilizar:

filter: alpha(opacity=50);

Y creo que el ie8 ya lo borda:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)";

Así que estás dos últimas tendrás que colocarlas o en comentarios condicionales o en una hoja de estilo aparte y llamándola con el cc.

Puedes colocar éstas dos últimas juntas:

{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)"; /*primero ésta*/
filter: alpha(opacity=50); /* obligatorio que ésta sea después*/
}

Un saludo

[kaninox]

Iniciado por kseso?

Para ie 6 y7 tendrás que utilizar:
Cita:
filter: alpha(opacity=50);

De hecho kseso? es lo que estoy ocupando para IE, la cosa noes que no me funcione, la cosa es que no me valida en la w3c :P

probe tu codigo...

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)"; /*primero ésta*/
filter: alpha(opacity=50); /* obligatorio que ésta sea después*/

y funciona para IE claro esta....
la cosa es que no me valida el opacity como va eso de llamandolas de otra hoja? al final seria lo mismo me daria problemas como lo hace la hoja de estilo del litebox....

saludos y gracias por su time...

[daPhyre]

Toma en cuenta que la validación es una guía para asegurarte que "en todos los navegadores se verá bien" (Que algunos navegadores renegados no hagan las cosas correctas, es otro problema).

Como se sabe, IE no respeta nada de esto. Para validarlo puedes poner una segunda CSS oculta en código exclusivo para IE y poner ahí las propiedades especiales, o simplemente ignorar ese detalle de validación, que nosotros como humanos sabemos que es para que IE nos entienda, y que no afectará a ningún otro navegador, por lo que sería "practicamente" válido...

Asustate cuando no pase la validación por un detalle que si debería funcionar en todos

[kseso?]

Hola de nuevo, Kaninox
Como ya te dijo Ernesto hace unos comentarios, valida tu css bajo css 3, y la propiedad opacity no te dará problemas:

El comentario condicional para los ie sería colocar en el head esto:

<!--[if lte IE 8]>
<link rel="stylesheet" media="all" type="text/css" href="ie-estilo.css" />
<![endif]-->

Donde como es lógico, ie-estilo.css tendrá las particularidades para ellos. En el caso que nos ocupa debería tener:

tu_contenedor {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Op acity=50)"; /*primero ésta*/
filter: alpha(opacity=50); /* obligatorio que ésta sea después*/
}

Para más información sobre los cc.

Un saludo