Como hacer uso de background con hover ?

MonicaH · #1 (**permalink**) 04/10/2006, 07:38

Hola, tengo este CSS:

Código:

<style type="text/css">
.efecto:hover{
background-color: #85e0f3;
}
.efecto{
border: 1px solid green;
}
</style>
<div class="efecto">Quiero un fondo al estar el mouse aqui</div>
<div id="efecto">Quiero un fondo al estar el mouse aqui</div>

Y pueden ver que no funciona.

Cómo debo hacerlo ?

#2 (**permalink**) 04/10/2006, 08:21

En el <div id="efecto"> no te va a funcionar, sencillamente porque tu selector es para una clase.
El selector para un id cambia el punto por un #

Para el primer div no veo por qué no funcionaría, debería funcionar.

Saludos.

MonicaH · #3 (**permalink**) 04/10/2006, 08:25

Pos correlo y veras que el background no cambia...

Como cambio ese fondo ?

JavierB · #4 (**permalink**) 04/10/2006, 08:38

Hola MonicaH

En Internet Explorer :hover solo funciona con los enlaces. Si pruebas tu código en Firefox (por ejemplo) verás que en el primer div si que cambia el color de fondo.

Si necesitas que funcione también en IE, creo que la única forma es utililizando JavaScript.

Saludos,

marce_str · #5 (**permalink**) 04/10/2006, 08:46

JavierB tiene razon, pero me surgen unas pregunta:
¿Que función tiene un texto :hover si no es link???
¿es necesario?

MonicaH · #6 (**permalink**) 04/10/2006, 09:24

Gracias Javier.

Tonces NO puedo hacer enlaces en lista desplegable Únicamente con css para IE+FF ?

fer10 · #7 (**permalink**) 04/10/2006, 09:42

si pero no existen dropdows con solo css compatibles para IE, de echo los unicos que he visto asi son los de cssplay, pero de ahy en fura usan un codigo js para aplicarle el :hover a los elementos que no los tiene <"IE6" pero en todos los demas navegadores sin probelmas..

ya sea con listas, o con divs.. pero para menus desplegables te recomendaria usar listas y mover las
li ul li <-- que esta con negritas y no usar divs independietes.

MonicaH · #8 (**permalink**) 04/10/2006, 10:44

Fer,

para listas o DIVS si los quiero en IE tonces JS verdad ?

fer10 · #9 (**permalink**) 04/10/2006, 17:08

Cita:

Iniciado por MonicaH

Fer,

para listas o DIVS si los quiero en IE tonces JS verdad ?

si quieres hacerlo con css usando el atribunto :hover si..

te dejo estos 2 manuales para menus desplegables muy buenos..
horizontal
http://alistapart.com/articles/horizdropdowns
vertical
http://www.alistapart.com/articles/dropdowns/

frijolerou · #10 (**permalink**) 04/10/2006, 17:17

Desde la versión 7 creo que Internet Exploter ya acepta :hover sobre otros elementos aparte del os hipervinculos.

MonicaH · #11 (**permalink**) 04/10/2006, 18:43

Es posible con solo CSS [B]SIN[/CSS] HOVER :-? !!!

Cómo ?

Acaso noTIENE que existir una parte HIDDEN o Visibility: none ?

edudw · #12 (**permalink**) 04/10/2006, 21:39

Hola.

que si es posible con solo css para IE tambien, al menos lo probe en la version 6. Te dejo este link

fer10 · #13 (**permalink**) 04/10/2006, 21:52

edudw lo que mandaste son links con :hover, no divs ni li.