Задать вопрос
@kevus
javascript

Body:hover и z-index двух блоков?

<body class="body">
<div class="banner_holder">
<div class="blc1"></div>
<div class="blc2"></div>
</div>
</body>


blc1=z-index: 2;
blc2=z-index: 1;

Как при наведении курсора на body сменить z-index?
blc1=z-index: 1;
blc2=z-index: 2;
  • Вопрос задан
  • 348 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
А в чем проблема?
.blc1 {
   z-index: 2;
}
.blc2 {
   z-index: 1;
}
.body:hover .blc1 {
   z-index: 1;
}
.body:hover .blc2 {
   z-index: 2;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы