我在页面上有一个隐藏列表 (opacity:0;visibility:hidden;)，这是我的菜单当前所必需的。
我的问题是，即使菜单下拉部分的 z-index 为 -1，内容 div 的 z-index 为 50，内容 div 内的文本仅绘制到菜单。 css 样式 display:none 不是一个选项，因为我不想处理元素的可怕调整大小。许多 Google 和 Stack Overflow 搜索都没有产生有用的结果。
我尝试了多种显示设置，包括内联、float:left 和其他可能已解决问题的设置，但都没有。
JSFiddle here 清楚地定义了问题(尝试第二个菜单以查看截止点): http://jsfiddle.net/nimsson/311g9h16/5/
我也想知道
a) 此功能背后的原因
b) 解决方法/解决方案
或两者皆有。
谢谢，
尼姆森
最佳答案
简单的解决方法你在这里:http://jsfiddle.net/311g9h16/6/
我刚刚更改了 #content {position: absolute} 但为什么 display: none 不是一个选项？当您设置下拉菜单的高度时，调整大小应该没有问题。
此外，您可以使用一些 CSS 实现此效果 - 看看:http://www.cssterm.com/css-menus/horizontal-css-menu/simple-drop-down-menu
关于html - 文本不会绘制在具有较低 z-index 的元素上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27574323/