El efecto hover lo entiendo.. Lo que pasa es que yo tengo esa imagen y esta a una resolucion de 1024x768 pero si la veo en un monitor de 1360x768 se me ve todo el resto blanco, y yo quiero que se adapte a la resolucion del monitor.
Eso lo habia logrado usando esto que encontre por ahi
html
Código:
<div id="background">
<span class="activeslide">
<img src="http://www.malargue.gov.ar/templates/malargue/images/home5.jpg">
</span>
</div>
Css
Código:
#background img, #background a {
display: none;
height: 100%;
width: 100%;
}
#background .activeslide, #background .activeslide img {
display: inline;
}
#background {
z-index: 1;
}
Pero lo que pasa es que se me ve demasiado grande y no se como aplicarle el efecto hover ahi.
Otra cosa que encontre fue esta.
http://jorgebernal.es/2010/05/27/como-usar-una-imagen-de-fondo-que-se-adapte-a-la-pantalla/
Pero me queda cortada :S