與z-index相關的Css菜單/子菜單問題

的唯一方式對我來說，使它像工作是通過使用：

.under-menu { position: relative; z-index:999; }

但這會殺死submenu links。

非常感謝！

2013-08-03 Bruno

代碼是在這裏：http://cssdesk.com/gejyB OR：http://cssdeck.com/labs/vzg4njme – Bruno

under-menu [position：absolute; z-index：999;] – user2216267

@ user2216267 - 絕對位置根本不起作用。它實際上隱藏了它。 – Bruno

不是一個完美的解決方案，但至少有一些，如果我們想支持IE，如果不只是增加

pointer-events: none;

將解決這個問題。這個演示不包括指針事件。

這裏是一個演示： CSSDesk

總之，我添加下拉內的波浪背景（在李其中鏈路和降UL是），而效果幾乎與你的第二個相同嘗試一下，用我在LI中添加的背景來掩蓋下拉的頂部部分的唯一區別。你會看到波背景陰影變得易碎，因爲其他背景仍然存在（你可以隱藏它與JS然後它會變得更好，但因爲這只是一個HTML/CSS主題，我不添加任何JS）

因此，當您將鼠標懸停在LI元素上時，會出現疊加背景。因此，應使用下拉菜單爲每個li添加疊加層背景。（像我說的不是一個完美的解決方案）

2013-08-03 11:30:35 drip

回答