элементы html

Содержание статьи

элементы html

z-index

При использовании относительного, фиксированного или абсолютного позиционирования блоги могут пересекаться.

При этом элементы, которые указаны в HTML-коде позднее, располагаются поверх тех, которые указаны ранее.

Если вы хотите задать, какой элемент будет находиться на переднем плане, вы можете использовать свойство z-index.

Его значением является число, и чем выше это число, тем ближе данный элемент к переднему плану.

Например элемент со значением свойства z-index 10 будет расположен поверх элемента со значением 5.

Следующий пример похож на предыдущий, однако здесь для элементов <p> используется схема относительного позиционирования, поэтому при прокрутке страницы они должны оказаться поверх заголовка.

Чтобы элемент <h1> оставался на переднем плане, мы использовали свойство z-index.

Иногда свойства z-index называют стековым контекстом как будто блоки складываются один на другой по оси Z.

Если вы знакомы с программами предпечатной подготовки, то это эквивалентно использованию функций на передний план и задний план.

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: