Imagen fullscreen

[xfxstudios]

podrias hacer algo como:

Código CSS:

html, body{
heigth: 100%;
}
 
.contenedor{
heigth: /*Porcentage restante de sobre la medida del header o menu*/80%;
background-image: url(/*ruta de la imagen*/);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
 

eso lo uso mucho sin problemas y me da el resultado deseado, visita esta pagina para que veas el resultado de ese nuevo diseño que estoy haciendo