Cita: Al bajar el scroll se ve que el div no cubrió el total del height de la página.
Si no me equivoco es porque ese 100% se aplica sobre la ventana (objeto window)
Tal vez aquí no sea conveniente incluir la imagen como fondo. Sino, en cambio. trabajar la imagen dentro de un <img> y apilarlo con
z-index de modo que te quede como capa de fondo.
Si desconoces el alto que tendrá tu documento podes echar mano al método
outerHeight() de jquery (javascript) con el que podrias seleccionar facilmente la altura de la ventana, del documento o de una caja (body, div, #id, etc).
Código Javascript
:
Ver original//requiere jquery
body = $("body").outerHeight() //devuelve altura de la caja body
documento = $(document).outerHeight() //devuelve altura del documento
ventana = $(window).outerHeight() //devuelve altura de la ventana
//alert(documento);
conocida la altura, podes aplicarla a tu imagen, ejemplo:
Código Javascript
:
Ver originalalturaDocumento = $(document).outerHeight()
$("#capa_img").css({"height" : alturaDocumento });
y asi ir jugando con esto.
o bien utilizar un plugin tipo "scalin image", ejemplo este:
http://www.aaronvanderzwan.com/maximage/
Saludos.