@AlexMark

Ка сделать чтобы картинка была сверху при ховере?

<div class="col-md-2 col-sm-4">
								<div class="presentation_block">
								<div class="layouts">
									<div class="thumbnail">
										<div class="img_box">
											<a href="#" class="img_presentation"><img width="320" height="250" src="img/tumblr_nluf2bmtdo1r09wbpo1_540.jpg" alt="view"></a>
										</div>
									</div>
									<div class="pres_desk">
										<div class="dicription">
										<h4><a href="#" class="thumb_description">This is a discription</a></h4>
									</div>
									<div class="name">
										<span class="name_info">
										<img src="img/BVohDrjCAAEK63C.jpg" alt="somelogo" height="25" width="25">
										<a href="#" class="chat_name">Cute girl</a>
										</span>
									</div>
									<div class="viewers">
										<i class="fa fa-eye"></i>
										
										<span class="view_number"> 15</span>
									</div>
								</div>
							</div>
							</div>
						</div>

.layouts img{
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
}
.img_box{
  overflow: active;
}

.thumbnail .img_box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.thumbnail .img_box:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

5bec6de4a1e9456dbc2a30fce5967157.png
Как сделать, чтобы при ховере она накрывала блоки за ней и под, как и предыдущую?
  • Вопрос задан
  • 152 просмотра
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
а код ваш где ?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
bemdev
@bemdev
если я правильно понял у вас уже выводится картинка при ховере только z-index вы забыли. это css правило управляет уровнями слоев типа фотошопа
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект