HTML / CSS-箭头在转盘下

Question

[嗨，我是初学者，我需要为我的网页轮播提供一些帮助。我做了2个箭头，而左箭头在旋转木马下方。如何将其移到前面？谢谢。enter image description here

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-index以使您的左箭头向前：

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

“ z-index属性指定元素的堆栈顺序。

具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。“