html - 下拉选择背景图片和w/o Javascript

标签 html css

<分区>

使用 o.v 的解决方案(“你甚至不需要 javascript 来做这个!”)来自 this thread

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

更改 z-index 没有帮助。

有什么建议吗？

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

最佳答案

z-index 仅适用于定位元素(position:absolute、position:relative 或 position:fixed)，因此您只需将其添加到您的 CSS 中即可:

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

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

关于html - 下拉选择背景图片和w/o Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18556254/

相关文章：

php - Zend Studio 5 - HTML5