Наезд одного div на другой при hover
251
21 ноября 2017, 22:10
Здравствуйте, есть такая задача. Несколько блоков на сайте расположены друг под другом, при наведении на первый, его высота увеличивается и нижний сьезжает вниз соотвтественно. Подскажите возможно ли сделать так? упрощенная схема как это работает сейчас внизу в коде. Возможно ли это сделать не оборачивая эти два блока в дополнительный?
div{
width:200px;
height:100px;
}
.red{
background-color:red;
}
.green{
background-color:green;
}
.red:hover{
height:150px;
}<div class="red">1</div>
<div class="green">2</div>Answer 1
вот так можно но это грубо, хотя зависит от ситуации, что именно тебе надо и как...
div {
position: absolute;
width: 200px;
height: 100px;
}
.red {
background-color: red;
}
.green {
top: 100px;
background-color: green;
}
.red:hover {
height: 150px;
z-index: 11;
}<div class="red">1</div>
<div class="green">2</div>
-
17:06
-
19:12
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48162 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30588 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24104 visits
- Как через css изменить цвет png изображения? 10431 visits
- Blob video url download 10020 visits
- Php curl запрос через прокси с авторизацией 9303 visits
- Работа с captcha vk api 8163 visits
© "hostciti.net" 29.4.2025 | 03:31