我正在修改我在教程中找到的css3导航，而我在使用z-indexing时遇到了问题。
请在这里查看导航：
http://cafemeetup.com/testArea/nav/
如果翻转2个导航项中的任何一个，您可以看到下拉框的z-indexing高于生成它的链接。 这不是真的，因为我已经在堆叠顺序中使翻转框的z-index更低。
我想要实现的是让下拉框落在链接下方，以便下拉框的阴影在顶部不可见。我希望链接和下拉框合并为一个，我认为通过使链接位于下拉框的顶部，我可以实现此目的。
这是在Shopify上完成的：
http://www.shopify.com/（翻转'资源'）
无论如何，希望有人能够阐明这一点。 我假设问题在于我试图添加z索引的对象是悬停的，而且它们不是常规的div。
无论如何，谢谢你至少阅读这一切。我很感激你的时间， 詹姆斯
答案 0 :(得分：0)
您正在将z-index:999应用于<li class="menu_right">，然后将z-index:1应用于<div class="dropdown_1column align_right">子元素。如果您希望它显示在<li>下方，请将其设为兄弟，而不是孩子。
答案 1 :(得分：0)
我在jsFiddle上为你做了一个演示。尝试将您的背景和z-index样式移动到.drop链接而不是代码中的列表项，它应该可以工作。