Un menu sobre una background-image

[alexkurban]

Hola a todos de nuevo, aqui tengo otra duda, estoy haciendo una pagina web y estoy de los nervios porque quiero poner un menu sobre una background-image que cubre todo, lo que es una web de una sola hoja y tener el menu en medio para que te direccione.
Si le añado algo se acaba fragmentando la imagen, este es el codigo para el background que tengo en el css3:

html {
background-image: url(../img/wallpaper.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

si en el index le pongo un un parrafo o un nav automaticamente se me fragmenta la imagen. que puedo hacer?

[ArturoGallegos]

A que te refieres con fragmenta?

[alexkurban]

Perdon por la tardanza, en este link se ve mejor

[ArturoGallegos]

te sere sincero, al ser una foto de un paisaje no hay forma magica de evitarlo....

tienes varias opciones auque no siempre te satisfaceran....

1.- indicarle que no debe repetirse, en cuyo caso deberas aplicar un color para rellenar ese espacio que en ocaciones quedara.
2.- dejarlo como lo tienes.
3.- aplicar background-size:100% 100% la desventaja es que se distorcionara para ajustarse a la pantalla.
4.- elimina esa imagen y se feliz con un color de fondo.
5.- no usar la imagen de fondo, si no como un elemento mas y aplicarle javascript que detecte el tamaño de la pantalla y la ajuste sin distorcionar y el excedente lo ocultas aplicando position:fixed o tal vez con overflow:hidden en el contenedor de esta.

[alexkurban]

gracias por la ayuda

[pzin]

La otra opción sería usar background-size: cover.