Приветствую Вас Гость | Регистрация | Вход

Порядок отображения элементов - Z-индексы в CSS. Свойство z-index

В этом онлайн уроке рассказывается о том, как что такое z-индексы в CSS и в каких случаях их необходимо использовать. Все дело в том, что любые позиционированные элементы на HTML странице сайта могут накладываться друг на друга. Т.е. каждый из них может находиться либо выше, либо ниже других объектов. Иногда они располагаются в нужном порядке, а в некоторых случаях их положение не такое как требуется. Чтобы точно определить порядок положения позиционированных объектов относительно друг друга, используют так называемые z-индексы. В CSS они задаются при помощи свойства z-index, в значение которого указывается число. Такой z-индекс задается для объектов, которые накладываются друг на друга. Чем больше значение свойства z-index у элемента, тем он будет выше располагаться на оси Z. Изучать Z-индексы мы будем на конкретном примере, в котором одна абсолютно позиционированная картинка будет накладываться на другую. И при помощи свойства z-index нам нужно будет настроить правильный порядок отображения картинок Видео урок «Порядок отображения элементов - Z-индексы в CSS. Свойство z-index » вы можете смотреть онлайн совершенно бесплатно в любое время. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.