Foros del Web » Creando para Internet » CSS »

ayuda con :hover

Estas en el tema de ayuda con :hover en el foro de CSS en Foros del Web. Hola, quisiera saber como se puede hacer que al pasar el mouse por un area, 2 elementos que estan dentro de ella cambien la opacity? ...
  #1 (permalink)  
Antiguo 14/04/2009, 07:34
 
Fecha de Ingreso: febrero-2009
Mensajes: 225
Antigüedad: 8 años, 9 meses
Puntos: 4
ayuda con :hover

Hola, quisiera saber como se puede hacer que al pasar el mouse por un area, 2 elementos que estan dentro de ella cambien la opacity?

he visto que se pueden hacer cosas por el estilo en css, pero esta? no lo he logrado. he probado cosas como #area:hover .elemento { blabla } o por ejemplo, #area:hover img { blabla }, pero no paso nada
  #2 (permalink)  
Antiguo 14/04/2009, 09:05
 
Fecha de Ingreso: enero-2008
Mensajes: 614
Antigüedad: 9 años, 11 meses
Puntos: 57
Respuesta: ayuda con :hover

Acabo de probar este codigo en FF y me funciono bien

Código HTML:
<html>
<head>
<style>
#midiv {
	width: 300px;
	height: 100px;
	border: 1px solid #000;
}
#midiv:hover { background: #0f0; }
#midiv:hover a { color: #f00; }
#midiv:hover ul { color: #ff0; background: #000; }
</style>
</head>
<body>
<div id="midiv">
	<a href="#">Este es un link</a>
	<br>
	<ul>
		<li>op1</li>
		<li>op2</li>
	</ul>
</div>
</body>
</html> 
  #3 (permalink)  
Antiguo 14/04/2009, 12:47
 
Fecha de Ingreso: febrero-2009
Mensajes: 225
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: ayuda con :hover

vos sabes que no me funciona :/ tengo la version 3.0.8 de firefox

edit: tu codigo si me funciona, voy a ver que tengo mal :/

edit2: tenia una letra mal en el css, muchas gracias por la ayuda :D

Última edición por Newbie001; 14/04/2009 a las 12:56
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:11.