Foros del web, para los que viven de bits

Chriss · 28-ene-2005, 09:54

Hola, tengo un problema validando las css, el problema es que el validador me dice que el código que estoy introduciendo está mal puesto, pero sin embargo funciona perfectamente en firefox y en IE, por lo que no entiendo. También creo entender que pone que no existe o algo asin, no sé, lo pongo para que le echéis un vistazo, por si veis algo anómalo:

Código PHP:


			


.opacidad_off{

    opacity:1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

}



.opacidad_on{

    opacity:0.5;

    filter: alpha(opacity=50);

    -moz-opacity: 0.5;

}

Muchas gracias

Chriss · 28-ene-2005, 09:58

Aaa se me olvidaba, en el xhtml me pasaba lo mismo:

Código PHP:


			


<img src="../img/foto_100.jpg" border="0" alt="Titulo" title="Pincha para ver la imagen ampliada" class="opacidad_on" onclick="mostrar_foto1()" 

                onmouseover="this.className='opacidad_off'; mostrar_texto1()" 

                onmouseout="this.className='opacidad_on'" />

Muchas thanks

JavierB · 28-ene-2005, 10:23

Hola Chriss

Los filtros no forman parte del estandar. En unos casos funcionan en Firefox y en otros en IE, pero el validador no los acepta.

Saludos,

PascalC · 28-ene-2005, 23:35

unas precisiones :
filter: alpha(opacity=100);
-> "filtro" de opacidad de IE, obviamente no pertenece al estandar CSS, basta con ver la sintaxis curiosa que usan.
-moz-opacity: 1;
-> propiedad de opacidad de versiones un poco antiguas de navegadores Gecko, cuando no estaba decidido cual seria la sintaxis oficial para la propiedad de opacidad de CSS. La parte "-moz-" es lo que la W3C llama "vendor prefix", permite a los creadores de navegadores preparar borradores de propiedades sin influir sobre el trabajo final de la norma. Asi Opera usa -o- y konqueror/Safari usan -khtml-. Y hablando de ello, existe opacidad para Khtml: -khtml-opacity

opacity:1;
-> esta es la version final de CSS3, aunque CSS3 no esta terminado (y es la razon por la cual el validador no lo reconoce), la propiedad opacity esta bien definida y los navegadores pueden implementarla, asi que los Geckos recientes quitaron el -moz-opacity temporario y lo remplazaron por el opacity final.

Chriss · 29-ene-2005, 11:13

Muchas gracias,

28-ene-2005, 09:54	#1 (permalink)
Chriss Fecha de Ingreso: junio-2004 Mensajes: 105	css no reconocida Hola, tengo un problema validando las css, el problema es que el validador me dice que el código que estoy introduciendo está mal puesto, pero sin embargo funciona perfectamente en firefox y en IE, por lo que no entiendo. También creo entender que pone que no existe o algo asin, no sé, lo pongo para que le echéis un vistazo, por si veis algo anómalo: Código PHP: `.opacidad_off{ opacity:1; filter: alpha(opacity=100); -moz-opacity: 1; } .opacidad_on{ opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }` Muchas gracias

28-ene-2005, 09:58	#2 (permalink)
Chriss Fecha de Ingreso: junio-2004 Mensajes: 105	Aaa se me olvidaba, en el xhtml me pasaba lo mismo: Código PHP: `<img src="../img/foto_100.jpg" border="0" alt="Titulo" title="Pincha para ver la imagen ampliada" class="opacidad_on" onclick="mostrar_foto1()" onmouseover="this.className='opacidad_off'; mostrar_texto1()" onmouseout="this.className='opacidad_on'" />` Muchas thanks

28-ene-2005, 10:23	#3 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.891	Hola Chriss Los filtros no forman parte del estandar. En unos casos funcionan en Firefox y en otros en IE, pero el validador no los acepta. Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

28-ene-2005, 23:35	#4 (permalink)
PascalC Fecha de Ingreso: agosto-2003 Mensajes: 501	unas precisiones : filter: alpha(opacity=100); -> "filtro" de opacidad de IE, obviamente no pertenece al estandar CSS, basta con ver la sintaxis curiosa que usan. -moz-opacity: 1; -> propiedad de opacidad de versiones un poco antiguas de navegadores Gecko, cuando no estaba decidido cual seria la sintaxis oficial para la propiedad de opacidad de CSS. La parte "-moz-" es lo que la W3C llama "vendor prefix", permite a los creadores de navegadores preparar borradores de propiedades sin influir sobre el trabajo final de la norma. Asi Opera usa -o- y konqueror/Safari usan -khtml-. Y hablando de ello, existe opacidad para Khtml: -khtml-opacity opacity:1; -> esta es la version final de CSS3, aunque CSS3 no esta terminado (y es la razon por la cual el validador no lo reconoce), la propiedad opacity esta bien definida y los navegadores pueden implementarla, asi que los Geckos recientes quitaron el -moz-opacity temporario y lo remplazaron por el opacity final. __________________ Plaza Mozilla http://www.chevrel.org/es/noticias/

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

29-ene-2005, 11:13	#5 (permalink)
Chriss Fecha de Ingreso: junio-2004 Mensajes: 105	Muchas gracias,