在下拉列表上放置一些东西（z-index不起作用）

Question

如何使用javascript，jquery和/或css在选项的顶部放置一个html元素（例如div或img）？ Z-index在任何浏览器中都不起作用。

Answer 1

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

Answer 2

另一种方法是在隐藏/显示div / img或使用iframe时显示/隐藏下拉列表。

Answer 3

如果您使用z-index并且想要将一个项目叠加在另一个项目之上而不显示或隐藏它们，最好的方法是在顶层或可能两个DOM元素上设置绝对定位。

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

#item2{
z-index:2;
}

示例HERE