-webkit-box-reflect样式属性似乎不尊重其选择器的z-index。我做错了什么或是否意味着那样？
我的#main_menu元素的z-index值 1 ，而其下方的元素的z-index值 4 #action_menu和#content。我也尝试将该部分的z-index设置得更高，但它没有改变任何东西。
Tldr ;反射显示在具有更高z指数的其他元素之上。为什么这样？
以下代码：
答案 0 :(得分：1)
z-index属性仅适用于定位元素或opacity值小于1的元素。这些属性创建了所谓的新堆叠上下文。
在您的示例中使用z-index的每种情况下，既不定位元素也不设置其不透明度。解决此问题的最佳方法是将position: relative添加到您使用z-index的每个声明块中。如果您使用relative定位而未指定偏移量，它将保持与现在相同的位置，但要尊重z-index。
答案 1 :(得分：0)
您的部分有position: static;，position: relative;（例如）和z-index为4。