html绝对定位重叠,html – CSS：选择选项重叠绝对定位DIV

我有一个绝对定位的div，像工具提示一样工作。在鼠标悬停的元素上显示，然后鼠标移开。我几乎没有< select>位于工具提示元素上方的页面中的元素。通常情况下，工具提示div将显示在选择标签上。但是当用户点击选择标签并显示选项时，它与工具提示重叠。为选择或选项标签提供较高的z-index不起作用。

这是一个示例代码来说明问题。

Select Options Overlapping Absolute Positioned DIV

United States

Canada

Mexico

Japan

Overlapping Div

CSS

select, options{ z-index:10;}

#top-layer {

background:#ccc;

color:#000;

border:solid 1px #666;

position:absolute;

top:45px;

left:70px;

z-index:100;

}