Cambiar el fondo de un div al pasar mouse sobre un enlace

[JUANFM]

Hola a todos, he buscado por la red y en el foro pero no he encontrado nada al respecto. Quería saber si esto es posible. Tener un div con su fondo correspondiente y dentro del mismo un enlace. quiero saber si se puede cambiar el fondo de este div al pasar el mouse sobre dicho enlace.

HTML

Código:

<div id="mi_div">
     <a href="destino"> cambiar fondo </a>
</div>

CSS

Código:

#mi_div
{
  position: relative;
  float: left;
  width: 200px;
  height: 200px;
  background-img: url(mi_imagen_de_fondo);
}

[hades87]

Puedes hacer que el enlace ocupe todo el div, haciendo que toda la zona sea clickeable y ahí ya poder cambiar el fondo, esto te podría ayudar http://stackoverflow.com/questions/1...link-to-expand

[JUANFM]

gracias Hades, no me interesa hacer clickable todo el div solo el enlace en si... de la pagina que has puesto no me entero muy bien ya que no tengo ni idea de ingles.

[pzin]

Con CSS no es posible hacer como lo planteas, ya que no existe un selector para referirse al padre. Por eso hades87 te decía que hicieras que el enlace ocupara todo el div, por lo que al situarse el puntero encima del enlace también lo hace del div.

Pero ya dependerá de si lo necesitas así o no. Si no, entonces tendrás que usar JavaScript.