Hola, mira, yo lo encararía distinto al html y css.
en vez de hacer esto:
document.write('<body
background="'+backgr+'" style="background-repeat:no-repeat; bgproperties="scroll" bgcolor="#FFFFFF">')
De entrada que esto no funciona
background="'+backgr+'"
haría esto:
document.write('<img id="fondo" src="'+backgr+'" width="100%" height="100%"/>');
lo imprimes de modo que el html te quede así:
Código HTML:
Ver original<img id="fondo" src="la imagen de fondo" width="100%" height="100%"/> <div id="contenedor"></div> <!-- el contenedor de todo lo que haya en esta página-->
luego en el css:
Código CSS:
Ver original*{margin:0; padding:0;}
#fondo{
display:block; <!-- convertimos la imagen en caja de bloque -->
position:absolute;
top:0; left:0;
z-index:0;
}
#contenedor{
position:relative;
width:960px; /*los px que quieras*/
margin:0 auto; /*si es que lo vas a centrar*/
z-index:1;
}
En
este enlace puedes ver como trabaja z-index
Espero te sirva de ayuda. Saludos