0

-webkit-box-reflect样式属性似乎不尊重其选择器的 z-index 。我是不是做错了什么,还是故意这样?

我的#main_menu元素的z-index值为1而它下面的元素的z-index值为4#action_menu#content. 我还尝试将部分本身的 z-index 设置得更高,但它没有改变任何东西。

tldr ; 反射显示在具有较高 z-index 的其他元素上方。为什么这样?

下面的代码:

http://jsfiddle.net/uLrkq/

4

2 回答 2

1

您的部分有position: static;, 给它position: relative;(例如)和z-index4 的 a。

于 2013-06-05T16:08:33.190 回答
1

z-index属性仅适用于定位元素或opacity值小于 1 的元素。这些元素创建了所谓的新堆叠上下文。

在您在示例中使用的每种情况下z-index,您既不定位元素也不设置其不透明度。修复它的最佳方法是添加position: relative到您使用的每个声明块中z-index。如果您使用relative定位而不指定偏移量,它将保持与现在相同的位置,但尊重z-index.

于 2013-06-05T16:33:22.567 回答