解決層被下拉選單遮擋的問題
阿新 • • 發佈：2019-01-05
來自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 屬性設定，但視窗化平面始終繪製在無視窗平面的上面。
解決視窗化元素繪製在無視窗元素上面這一問題的最佳方式是，通過指令碼隱藏選擇元素