Errores comunes: el fondo está recortado.
Al visualizar el archivo de muestra, no hay problema cuando la resolución es inferior a 1280. Pero si su monitor tiene una resolución superior a 1280 píxeles, verá partes distintas a la imagen de fondo.
Solución simple al problema: establezca el color del borde de la imagen en el mismo color que el color de fondo de la página web. Aquí uso Web Designer Wall como ejemplo. Mire la imagen a continuación. Tenga en cuenta que los bordes de la imagen son de colores sólidos.
Parte CSS
Esta parte es muy simple, establece la imagen de fondo para el elemento del cuerpo (ubicada en el centro, arriba)
El siguiente es el código CSS:
| cuerpo { relleno: 0; margen: 0; fondo: #f8f7e5 url(wdw-bg.jpg) parte superior central sin repetición; ancho: 100%; pantalla: mesa; } |
Tenga en cuenta que hay dos líneas adicionales dentro del selector de cuerpo. Esto es para evitar que la imagen de fondo cambie cuando la ventana del navegador es más pequeña que el ancho del contenido, lo que ocurrirá en Firefox.
