下拉菜单隐藏在图像后面答案

【问题标题】：Dropdown menu hides behind images下拉菜单隐藏在图像后面
【发布时间】：2013-02-27 23:07:18
【问题描述】：

我博客的下拉菜单位于主页上的图像滑块后面。 http://allfacebookgames.blogspot.com/

如何避免下拉菜单不被覆盖？

供您参考，下拉菜单不需要任何 javascript，仅取决于 css。谢谢。

【问题讨论】：

【解决方案1】：

这将解决它：

#menu-wrapper {
    position: relative;
    z-index: 40;
}

【讨论】：

谢谢，能否解释一下 position: relative; 的作用是什么？做？我认为 z-index 只负责向外定位元素。
@JohnMerchant 我想你会从这个视频中得到很多信息（全屏）css-tricks.com/video-screencasts/40-how-z-index-works 它不会太深入，但我认为它应该告诉你它是如何工作的.还有另一个网站developer.mozilla.org/en/Understanding_CSS_z-index/…
非常感谢。我一定会看的。

【解决方案2】：

在#menu-wrapper 规则上设置position:relative 和z-index:9999

【讨论】：