在下拉菜单上放置一些内容（z索引无效）

Question

How can I place a html element (eg div or img) on top of a select with it's options using javascript, jquery and/or css? Z-index doesn't work in any browsers.

Answer 1

You will need to use an iframe "shim" with a higher z-index. You can then put you element "on top" of that.

Answer 2

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

Answer 3

If you use z-index and you want to layer one item on top of another without showing or hiding them, the best way will be to set absolute positioning on the top layer or possibly both DOM elements.

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

#item2{
z-index:2;
}

Example HERE