Hola.
No hace falta que la imágen sea tan grande como la resolución de la pantalla.
Para que una imagen salga de fondo y no se repita (mosaico) se debe añadir el siguiente estilo:
background-repeat: no-repeat
Si queremos que la imágen salga en una posición determinada, incluiremos esto:
background-position: [coordenadas] || [top | center | bottom] || [left | center | right]
por ejemplo:
- backkground-position: 200px 300px
- background-position: top center (arriba y centrado)
- background-position: center center (en el centro de la pagina)
- etc...
Y si además queremos que se quede fija, añadiremos:
bgproperties=fixed
Resumiendo:
Para que una imagen de fondo no se repita, salga en una posición determinada y quede fija, la instrucción completa es:
<body background="imagen.jpg" style="background-repeat: no-repeat; background-position: center center" bgproperties=fixed>
Espero te sirva de ayuda.
Un saludo.
