owl-carousel2 height
Всем привет. Возникла проблема со слайдером. Картинка не растягивается по высоте, вернее я не очень понимаю для какого селектора нужно указывать высоту, чтобы картинка была нужной высоты.
По сути мне нужно, чтобы высота была задана определенная, а сама картинка была такого же расрешения как и до этого, но видна была бы только та часть, которая попадает в область
на первой картинке показано как должно быть, а на второй как у меня (то что картинки разные - ничего страшного, главное суть
)
Ответы (1 шт):
Автор решения: vantal
→ Ссылка
Легче всего картинку вставить через background, а высоту задать через padding-top, чтоб картинка заливала весь блок поставить background-size: cover, ну и выровнять ее по центру с помощью background-position: center
.img_block{
background-image: url(https://1gai.ru/uploads/posts/2015-06/1433446501_bestcars2015lead.jpg);
padding-top: 400px;
width: 300px;
background-size: cover;
background-position: center;
}<div class="img_block"></div>