HTML / CSS -Стрелка находится под каруселью

Question

Привет, я новичок, и мне нужна помощь с каруселью для моей веб-страницы. Я сделал 2 стрелки, и левая стрелка находится под каруселью. Как я могу переместить его вперед? Спасибо. введите описание изображения здесь

HTML

<button class="btn left-btn hide">
            <img src="img/left-arrow.svg" alt="">
        </button>

CSS

.left-btn {
    left: 25px;
}

Answer 1

Используйте z-index для продвижения элемента вперед. Например, вы можете установить большой z-индекс для перемещения левой стрелки вперед:

.left-btn {
    left: 25px;
    z-index: 999;
}

"Свойство z-index определяет порядок стека элемента.

Элемент с большей порядок стека всегда перед элементом с более низким порядком стека. "

Цитируется из: https://www.w3schools.com/cssref/pr_pos_z-index.asp