-webkit-box-reflect
样式属性似乎不尊重其选择器的 z-index 。我是不是做错了什么,还是故意这样?
我的#main_menu
元素的z-index
值为1而它下面的元素的z-index
值为4#action_menu
和#content
. 我还尝试将部分本身的 z-index 设置得更高,但它没有改变任何东西。
tldr ; 反射显示在具有较高 z-index 的其他元素上方。为什么这样?
下面的代码:
-webkit-box-reflect
样式属性似乎不尊重其选择器的 z-index 。我是不是做错了什么,还是故意这样?
我的#main_menu
元素的z-index
值为1而它下面的元素的z-index
值为4#action_menu
和#content
. 我还尝试将部分本身的 z-index 设置得更高,但它没有改变任何东西。
tldr ; 反射显示在具有较高 z-index 的其他元素上方。为什么这样?
下面的代码:
您的部分有position: static;
, 给它position: relative;
(例如)和z-index
4 的 a。
该z-index
属性仅适用于定位元素或opacity
值小于 1 的元素。这些元素创建了所谓的新堆叠上下文。
在您在示例中使用的每种情况下z-index
,您既不定位元素也不设置其不透明度。修复它的最佳方法是添加position: relative
到您使用的每个声明块中z-index
。如果您使用relative
定位而不指定偏移量,它将保持与现在相同的位置,但尊重z-index
.