Javascript 将某个内容放在下拉列表的顶部（z索引不起作用）

如何使用javascript、jquery和/或css将html元素（例如div或img）放置在select之上，并使用其选项？Z-index在任何浏览器中都不起作用。

您需要使用具有更高Z-index的iframe“shim”。然后，您可以将元素“放在”上面。

另一种方法是，无论何时隐藏/显示div/img或使用iframe，都可以显示/隐藏下拉列表。

如果您使用z-index，并且希望在不显示或隐藏它们的情况下将一个项目层叠在另一个项目之上，最好的方法是在顶层或两个DOM元素上设置绝对位置

#item1, #item2{
position: absolute;
left:10px;
top:10px;
z-index:1;
}

#item2{
z-index:2;
}

---

示例

是否尝试在具有z索引的元素上放置位置属性？