He hecho un ejemplo sencilo y Firefox sí soporta hover para elementos
diferentes de a.
Pero en mi caso concreto no sé lo que puede fallar, Opera lo hace bien y
Firefox no hace nada. El código css es el siguiente:
.cuadro {
background-image: url("imagenes/sidebar.png") repeat-y #FAFBFD;
border: solid thin #C2C7CB;
padding: 10px;
margin: 15px 0px 5px;
}
.cuadro:hover {
background-image: none;
}
Y ya he dicho que era una solución provisional, ya sé que es poco
elegante, lo dije yo! Porfa no me mates ;) Pero bueno, yo pregunté sobre
una cosa y te centras más en eso que en mi pregunta... Mientras tanto he
borrado ese código y he escrito un script en el header utilizando la
librería Behaviour, que recomiendo a todos, es de muy fácil uso. Con
JavaScript sí funciona.
Saludos, Víctor
On Fri, 08 Jul 2005 09:54:42 +0200, Manuel González Noriega
<[EMAIL PROTECTED]> wrote:
On 7/8/05, Víctor Pimentel <[EMAIL PROTECTED]> wrote:
Creo que en Firefox no soporta la propiedad hover de las css en otros
selectores que no sean enlaces a (en inputs parece que también
funciona).
"a" no es un selector, es un elemento. Firefox soporta la pseudoclase
:hover
en cualquier elemento, al contrario que IE que solo lo soporta en el
elemento a.
Creo que leí algo acerca de eso, pero no logro encontrarlo, ¿cómo puedo
utilizar hover para otros selectores (divs, ol, etc)? La solución solo
para la necesito para Firefox, Opera sí soporta hover e IE está
descartado.
De verdad que me desconciertas. ¿No hubieras acabado antes haciendo un
experimento de 30 segundos para comprobar que Gecko sí soporta :hover? :)
La solucion provisional que tengo es aplicarle a todos los que quiero
que
tengan la proipedad hover, el código <selector
onMouseOver="this.style.background='#FAFBFD'"
onMouseOut="this.style.background='#FAFBFD url(\'imagenes/sidebar.png\')
repeat-y'" /> , pero me parece muy poco elegante ir a añadiendo uno a
uno
estas propiedades.
Pues sí, es poco elegante, pero no tendrías que hacerlo en ningún caso:
- En primer lugar, porque los atributos onMouseOver y onMouseOut,
deberías
escribirlos en minúsculas.
- En segundo lugar porque no debes *nunca* añadir estos atributos en el
marcado HTML, sino utilizar javascript no intrusivo.
http://www.disenorama.com/articulos/dhtml/dhtml_no_intrusivo.htm
Así que recuerda, onmouseover, onclick, etc. ¡caca!
--
Usando el revolucionario cliente de correo de Opera:
http://www.opera.com/m2/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
