html - 带有背景图像和无 Javascript 的下拉选择

Question

使用 ov 的解决方案（“你甚至不需要 javascript 来做到这一点！”）从这个线程

我能够在下拉框中成功获取背景图像。但是，它总是出现在其他 html 元素下。看这里

更改 z-index 无济于事。

有什么建议么 ？

（抱歉重复，但我的声誉不允许我在该线程上发帖）

Answer 1

z-index仅适用于定位元素（位置：绝对、位置：相对或位置：固定），因此您只需将其添加到您的 CSS 中：

#image-dropdown {
    z-index: 3;
    position: relative;
}

此外，仅对 z-index 使用较大的数字以将其向前推进也是一种不好的做法，在您的情况下，您的某些链接具有z-index:2因此将值设置3为下拉列表就足够了