忽略了核心动画页面的z-index

Question

为什么我的z-index被忽略？

<core-drawer-panel>
                        <div drawer>
                                Test
                        </div>
                        <div main>
                            <core-icon-button core-drawer-toggle icon="menu" style="z-index:1000 !important;"></core-icon-button>
                            <my-element style="z-index:-1000 !important;"></my-element>
                        </div>
</core-drawer-panel>

my-element有<core-animated-pages fit>，它根本不关心z-index？它一直保持在最佳状态？

编辑：

z-index:1000 !important不起作用。

但在my-element我可以执行此操作<core-animated-pages fit selected="{{subPage}}" style="overflow:auto; z-index:-1;">但是溢出不起作用意味着我看到滚动条但它不滚动？

（https://github.com/Polymer/core-animated-pages/issues/36）

Answer 1

在元素上添加position:relative和z-index。如果您没有明确设置位置，则z-index不起作用（也适用于“普通”HTML）。