Распространенные ошибки: Фон обрезается.
При просмотре файла-примера нет проблем, если разрешение меньше 1280. Но если разрешение вашего монитора превышает 1280 пикселей, вы увидите не только фоновое изображение, но и другие части изображения.
Простое решение проблемы: установите цвет края изображения того же цвета, что и цвет фона веб-страницы. Здесь я использую стену веб-дизайнера в качестве примера. Посмотрите на изображение ниже. Обратите внимание, что края изображения имеют сплошной цвет.
Часть CSS.
Эта часть очень проста: установите фоновое изображение для элемента body (расположено в центре вверху).
Ниже приведен CSS-код:
| тело { заполнение: 0; маржа: 0; фон: #f8f7e5 url(wdw-bg.jpg) без повтора по центру вверху; ширина: 100%; дисплей: стол; } |
Обратите внимание, что в селекторе тела есть две дополнительные строки. Это сделано для предотвращения изменения фонового изображения, когда ширина окна браузера меньше ширины содержимого, что происходит в Firefox.
