Index of я

Эта страница была переведена с английского языка силами сообщества. CSS-свойство z-index определяет положение позиционированного элемента и его дочерних элементов или флекс-элементов по оси z. Перекрывающие элементы с большим значением z-index будут накладываться поверх элементов с меньшим z-index. Для позиционированного элемента то есть если у него задано свойство position со значением, отличающимся от static свойство z-index отвечает за:.

Понимание CSS z-index

Обычно элементы на странице располагаются только в двух измерениях — x горизонталь и y вертикаль. Но в отдельных случаях, когда позиционирование элементов отличается от статичного, появляется третье измерение z , отвечающее за глубину. Свойство z - index позволяет управлять порядком наложения элементов друг на друга. Возьмём самую частую ситуацию, где пригождается z - index — наложение полупрозрачной вуали поверх блока с фоном и текстом. Для header мы зададим фоновое изображение и псевдоэлемент : : after с полупрозрачной вуалью, чтобы затемнить фон и чтобы текст лучше читался. Если всё оставить как есть, то псевдоэлемент с вуалью будет перекрывать текст заголовка и затемнять его.

Свойство z-index определяет положение элемента и нижестоящих элементов по оси z. В случае перекрытия элементов, это значение определяет порядок наложения. В общем случае, элементы с большим z-index перекрывают элементы с меньшим. В качестве значения используются целые числа положительные, отрицательные и ноль. Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index , на переднем плане находится тот элемент, который в коде HTML описан ниже.

	283	Японские капли для глаз Rohto Z!
	52	Саша Ермайкина.
	321	Поиск Настройки.
	90	AdIndex завершает серию материалов по итогам исследования рынка IT-решений в маркетинге.
	213	It shows ranking of elements sorted by z-index value.
	499	Хотя z-индексы не являются частью системы сеток Bootstrap, но они играют важную роль в том, как наши компоненты накладываются и взаимодействуют друг с другом.

Эта страница была переведена с английского языка силами сообщества. Обычно HTML страницы можно считать двухмерными, потому что текст, картинки и другие элементы расположены на странице без перекрытия. Существует единый нормальный поток отрисовки rendering flow и элементы избегают пространства, занятого другими. В CSS 2. В дополнении к их горизонтальной и вертикальной позиции блоки лежали вдоль оси "z" и располагались один поверх другого. Позиция относительно оси "z" особенно актуальна, когда блоки визуально накладываются друг на друга.

Похожие статьи

• Голые знаменитости index
• Ебут мужика topic index
• Знакомства ради секса topic index
• Рпг игры с элементами эротики