img наложить на border

Question

img наложить на border

Рейтинг: 1Ответов: 0Опубликовано: 21.03.2023

Всем привет! У меня есть слайдер подключенный через slick, дизайнеры хотят, чтобы при перелистывании слайдера у меня листалась и дата с точкой (а она наложена на border-bottom), в слайдере по умолчанию задано overflow: hidden; , что не дает мне с помощью position: absolute закинуть картинку (ту самую точку) на мой border-bottom (потому что она обрезается). Пыталась задать border с помощью after, но не видит border совсем. Во вложение закину что хочет дизайнер и что у меня выходит.

.slider_wrap {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.slider_box {
  max-width: 890px;
  margin: auto;
  position: relative;
  margin-top: 40px;
  border-bottom: 1px solid white;
}

.dots {
  position: absolute;
  bottom: -5px;
}

<div class="slider_wrap">
    <div class="slider_box">
        <div>
            <img class="slider_img" src="img/work.png" alt="">
            <div class="slider_data">17.03.23</div>
            <img class="dots" src="img/dots.svg" alt="dots">
        </div>
    </div>
</div>

img slick.js border

Источник: Stack Overflow на русском

img наложить на border

Ответы