Как да разтегнете фона

Съдържание:

Как да разтегнете фона
Как да разтегнете фона

Видео: Как да разтегнете фона

Видео: Как да разтегнете фона
Видео: Мануальная терапия эмоции хореографа 2024, Може
Anonim

Разтягането на фона на уеб страница не е лесно. Тук ще ви помогне малък трик. Първо се оформят два слоя - за изображението и съдържанието на страницата. И тогава се определя позиционирането на всеки от тях. Слоят с картината е разтегнат до 100% от размера на страницата, а горният му ляв ъгъл е зададен като нулева точка на отчета. След обединяването на слоевете страницата придобива съвсем различен вид.

Как да разтегнете фона
Как да разтегнете фона

Необходимо е

Интернет връзка, уеб ресурс

Инструкции

Етап 1

С помощта на маркера оформете два слоя - слой1 и слой2. На една от тях, долната, ще се намира картината, на другата, горната, съдържанието на уеб страницата.

Стъпка 2

Определете реда на слоевете, като използвате атрибута на стила z-index. Обърнете внимание, че колкото по-висока е стойността на посочения параметър, толкова по-висок е наличният в момента слой спрямо другите слоеве. Задайте абсолютно позициониране за всеки слой, който създавате.

Стъпка 3

Задайте слой1 на 100% ширина и височина. Задайте координатите на горния ляв ъгъл на начална, нула. Това ще помогне да се отървете от хоризонталната лента за превъртане.

Стъпка 4

Обединете слоевете.

Препоръчано: