Как разместить SVG картинку на круг в слайдере slick arrows?

Добрый день! Хочу сделать подобное на слайдере slick.
6072f365d127f617162830.png
Если картинку добавлять в background url, то круга просто не видно
6072f389da7bf895170394.png

Почему не вставил в html? Потому что код из slick добавляется автоматически
.slider2 {
    position: relative;
}

.slider2 .slick-arrow {
    font-size: 0;
    border: none;
    outline: none;
    position: absolute;
    top: -48px;
    right: 0;
    width: 56px;
    height: 56px;
    background-color: #f7f7f7;
    border-radius: 50%;
}

.slider2 .slick-arrow.slick-prev {
    margin-right: 65px;
    background: url('/img/left.png') center center no-repeat;
}

.slider2 .slick-arrow.slick-next {
    /* background: url('/img/right.png') center center no-repeat; */
}
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы