loader

Cвойство z-index определяет порядок элементов в стеке. z-index работает только с позиционированными элементами (position: absolute, position: relative, position: fixed или position: sticky) и flex-элементами (элементами, которые являются прямыми дочерними элементами display: flex).

z-index հատկությունը սահմանում է տարբեր շերտերի միմյանց վրա դասավորության հերթականության կարգը: z-index հատկությունը աշխատում է միայն դիրքավորված տարրերի վրա (position: absolute, position: relative, position: fixed կամ position:) և flex-տարրերի վրա (display: flex սահմանված տարրին պատկանող տարրեր):

Синтаксис

Գրելաձև

z-index: 2; ⟿ Порядок элементов в стеке. z-index: 2; ⟿ Սլոյի տարրերի հերթականությունը.

Пример

Օրինակ

See the Pen z-index by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը z-index элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 12+ 4+ 2+ 3.1+ 10+
Notes