z-index不能用css3下拉導航

Question

我正在修改我在教程中找到的css3導航，並且遇到z索引問題。

請在這裏簽出導航：

http://cafemeetup.com/testArea/nav/

如果翻轉無論是2個導航項目，你可以看到下拉框中的z索引比催生了鏈接更高它。 這是不正確的，因爲我已經在堆疊順序中降低了翻轉框的Z-索引。

我試圖實現的是讓下拉框落在鏈接下方，以便下拉框的下拉陰影在頂部不可見。我想鏈接和下拉框融合成一個，我想通過使鏈接位於下拉框的頂部，我可以實現這一點。

它是在Shopify在這裏完成：

http://www.shopify.com/（側翻 '資源'）

無論如何，希望有人能對這個線索。 我假設問題在於我試圖添加z-indexes的對象是懸停的，並且它們不是常規的div。

無論如何，謝謝你至少讀過這一切。我很欣賞你的時間， 詹姆斯

Answer 1

我在jsFiddle上爲你做了一個演示。嘗試將您的背景和z-index樣式移動到.drop鏈接而不是代碼中的列表項，它應該可以工作。

http://jsfiddle.net/sTsrb/

Answer 2

你申請你的z-index:999到<li class="menu_right">，然後應用z-index:1到<div class="dropdown_1column align_right">子元素。如果你想讓它出現在<li>下面，那麼把它變成兄弟姐妹，而不是小孩。