Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/11/2014, 09:15
Avatar de Ito79
Ito79
 
Fecha de Ingreso: diciembre-2013
Mensajes: 71
Antigüedad: 11 años
Puntos: 18
Respuesta: Como superponer imagenes con HTML?

Podrías por ejemplo tener un div con un estilo aplicado que tenga una imagen de fondo (contenedorPrincipal). Dentro de ese DIV meterías los enlaces que deseas (por ejemplo en una lista UL). Y por último dentro del contenedor principal, definirías un estilo "hover" para que cuando pases por encima el ratón, cambie la imagen de fondo.

Algo así, escrito rápido:

HTML
Código HTML:
 <div class="contenedorPrincipal">
		<a href="e1.html">Enlace1</a>
		<a href="e2.html">Enlace2</a>
		<a href="e3.html">Enlace3</a>
		<a href="e4.html">Enlace4</a>
	</div> 
CSS:
Código HTML:
.contenedorPrincipal {
	background-image: url(Imagen1.jpg);
}

.contenedorPrincipal:hover {
	background-image: url(Imagen2.jpg);
}
Tendrás que diseñar el contenido del contenedorPrincipal como más te interese

Un saludo