/ Курсы CSS / Свойство z-index

Свойство z-index


Свойство z-index

Свойство z-index накладывает элементы друг на друга. Значение к z-index:

В качестве значений можно использовать целые числа. Если вы хотите чтобы один элемент находился выше другого вам надо поставить значение больше.
auto - порядок элементов строится автоматически.
inherit - наследует значение родителя.

Пример использования:


 <style>
  #txt1 {
   z-index: 1;
   font-size: 2em;
   color: red;
 }
  #txt2 {
    position: relative;
   z-index: 2;
   right: 4%;
        font-size: 1.8em;
 }

  </style>
<span id="txt1">Абзац 1</span>
<span id="txt2">Абзац 2</span>

Абзац 1 Абзац 2