Hola a todos,
el comportamiento del HOVER en FF solo funciona con IDs, según comentan
en un link de desarrollo de Mozilla [1] en la sección de Limitaciones.
Probando el siguiente código:
<html>
<head>
<style type="text/css">
.imagenFondo {
background-image:url(images/imagen1.jpg);
background-repeat:no-repeat;
}
.imagenFondo:hover {
background-image:url(images/imagen2.jpg);
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div class="imagenFondo">
asdadadsadsad
</div>
</body>
</html>
en IE6 no funciona, en FF2 tampoco, pero en Opera 9.22 anda perfecto.
Saludos!!!!!
[1]http://developer.mozilla.org/es/docs/CSS_din%C3%A1mico
El día 17/08/07, LISTAS <[EMAIL PROTECTED]> escribió:
>
> El ancla ("<A>") no admite coordenadas de ancho y alto en Firefox y primos
> (Ópera, etc.)... :(
>
> 1) Con CSS sólo admite ID y no CLASS;
> 2) Debe ser resuelto "sin Javascript";
> 3) Con Javascript ya pasé ayer mejores soluciones.
>
> Gracias de todos modos.
>
> A.V.W.
>
> ----- Original Message -----
> From: "Alvarez Laurnaga, Jose Antonio" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
> Sent: Friday, August 17, 2007 3:53 AM
> Subject: Re: [Ovillo] comportamiento hover
>
>
> Veamos, si he entendido bien lo que quieres es un contenedor con una
> imagen
> de fondo que tenga un efecto hover de cambio de imagen de fondo ¿no?
> Para ello tienes dos opciones ya que como te han comentado:
>
> >>>>> El problema es que IE sólo te deja usar hover con enlaces por lo
> >>>>> que tendrás que usar algún hack para IE.
>
> Opción A: usar javascript (puedes usar comentarios condicionales para
> servirselo sólo a IE 6 y menores que son los que lo necesitan)
>
> Opción B: usar sólo CSS y que el contenedor sea un ancla con unos estilos
> tal que así:
>
> a:link {
> display:block;
> width:200px;
> height:200px;
> background: url(imagen.gif) no-repeat 0 0;
> }
>
> a:hover {
> background: url(imagen.gif) no-repeat 0 -200px
> }
>
> Lógicamente un enlace no es lo mismo que un div, pero tal vez te sirva. No
> sé que quieres meter dentro del contenedor, ¿texto, otras imágenes...?
>
> Lo que no entiendo es la discusión clase / ID
>
> ¿Te sirve para algo?
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
> modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vid&vid=58044309
http://www.montesoft.com.ar
http://www.es-facil.com/ganar/alta?Id=64395956
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
