解决层被下拉菜单遮挡的问题

来自CSDN

-----------

我们首先将 Web 元素分为两类：窗口化元素和无窗口元素。

窗口化元素：

•	SELECT 元素。
•	<OBJECT> 标记元素。
•	Microsoft ActiveX 控件。
•	插件。
•	动态 HTML (DHTML) 脚本小程序。
•	Microsoft Internet Explorer 5.01 和更低版本中的 IFRAME。

无窗口元素：

•	大多数 DHTML 元素，例如超级链接或表。
•	无窗口 ActiveX 控件。
•	Internet Explorer 5.5 和更高版本中的 IFRAME。

所有窗口化元素将自身绘制在无窗口元素的上面，因为无窗口元素都绘制在同一窗口上，如果要看到窗口化元素，无窗口元素就必须绘制在底部。

但是，窗口化元素会遵循彼此相关的 z-index 属性，就像无窗口元素遵循彼此相关的 z-index 属性那样。原因在于，无窗口元素和窗口化元素绘制在不同的 MSHTML 平面上。您可以使用 z-index 来控制同一平面上的元素，但不要混合和匹配不同平面中的元素。您可以重新安排每个平面上的元素的 z-index 属性设置，但窗口化平面始终绘制在无窗口平面的上面。

解决窗口化元素绘制在无窗口元素上面这一问题的最佳方式是，通过脚本隐藏选择元素

select1.style.display="none"; or
select1.style.visibility="hidden";