hover de un div afecte a otro elemento

[ZoroRoronoa]

Hola amigos.

Tengo un div con una imagen de 500 x 300 px y display block.
Dentro de este tengo con posicion absolute una "X" (para eliminar)

Lo que he logrado es ponerle alpha 0, y con hover alpha 100, pero me funciona solo cuando doy hover a la "X".

Lo que quiero lograr es que sea alpha 0 en estado normal y alpha 100, cuando pase el hover (el mause) por encima del div.

Se puede lograr con CSS? Creo q se puede usando la tecnica del menu con hover, pero estoy corto de tiempo para checar codigos u.u

Espero su ayuda y gracias amigos

[cristian_cena]

Hola, seguro que buscandole la maña se puede hacer con css puro, pero ¿para que? es un lío y hacerlo crossbrowser aún más. Y ni hablar de lo sucio que quedará el html/css.

Te hice este ejemplo usando jquery, que como sabrás, no falla. Espero te sea de utilidad.

Un saludo.

[cristian_cena]

Aunque si lo que buscas es jugar con el css, en este artículo explican como hacer los hovers que necesitas solo con css.

[ZoroRoronoa]

los selectores y filtros para IE no son validos por la w3c ?????

Código CSS:

.edit {
opacity:0.1; filter:alpha(opacity=10); }
 
/* AL HACER HOVER EN DIV, REAPARECE CON OPACIDAD 100% LA IMAGEN DE LA ESQUINA*/
#midiv>.edit {
opacity:1; filter:alpha(opacity=100); }
 

_____________________________

Gracias Cristian, si lo de los selectores no es valido, creo que usare jquery, que tu ejemplo esta de lujo (solo seria cuestion de acoplar las propiedades y diseño a gusto)

[cristian_cena]

De nada me alegro que te haya servido.