為什麼我的上下文選單會出現在 IE7 中的按鈕後面？

上下文選單的IE7 Z 索引問題

問題陳述：

問題陳述：

問題陳述：

上下文選單(ul) 出現在與其關聯的按鈕下方，隱藏選單。由於瀏覽器對堆疊上下文的獨特處理，此行為與其他瀏覽器不同。

分析：

用於按鈕和選單的 CSS 使用相對和定位這些元素分別是絕對定位。然而，在 IE7 中，最近的定位祖先（在本例中為「control-action」div）決定了堆疊上下文。這意味著不考慮選單的 z-index (10000)，並且選單位於按鈕下方。

<div class="control-action">
  <ul>

解決方案：解決此問題，HTML 元素的順序可以這樣修改：將按鈕放在ul 之後，按鈕成為最近的定位祖先，建立新的堆疊上下文。因此，選單的 z-index (10000) 生效，選單現在出現在按鈕上方。

以上是為什麼我的上下文選單會出現在 IE7 中的按鈕後面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！