Как растянуть фон?

2 ноября 2014 г. Просмотров: 378 Инструкции
Растянуть фон на веб-странице не так-то просто. Здесь поможет маленькая хитрость. Сначала формируются два слоя – для картинки и содержимого страницы. А потом определяется позиционирование каждого из них. Тот слой, что с картинкой, растягивается до 100% размеров страницы, а левый верхний угол его назначается нулевой точкой отчета. После слияния слоев страница приобретает совершенно иной вид.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • Соединение с интернетом, веб-ресурс

Инструкция

  • Используя тег , сформируйте два слоя - layer1 и layer2.
    На одном из них, нижнем, будет располагаться картинка, на другом, верхнем, – контент веб-страницы.
  • Определите порядок расположения слоев посредством стилевого атрибута z-index. Учтите, чем больше будет значение указанного параметра, тем выше окажется имеющийся сейчас в наличии слой по отношению к другим слоям. Задайте абсолютное позиционирование для каждого создаваемого слоя.
  • Установите для слоя layer1 размеры, равные 100% ширины и высоты. Сделайте координаты левого верхнего угла начальными, нулевыми. Это поможет избавиться от горизонтальной полосы прокрутки.
  • Выполните слияние слоев.
  • Оцените статью!