ayuda con :hover

Newbie001 · #1 (**permalink**) 14/04/2009, 06:34

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

posman · #2 (**permalink**) 14/04/2009, 08:05

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>

Newbie001 · #3 (**permalink**) 14/04/2009, 11:47

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