应用程序抽屉没有霓虹灯动画页面上的内容

Question

When the app-drawer has the drawer open a gray scrim is put on the content

scrim https://github.com/PolymerElements/app-layout/blob/master/app-drawer/app-drawer.html#L136

This works fine, but with a neon-animated-pages as content the scrim isn't applied. After some debugging the reason seems to be the position : absolute .

https://github.com/PolymerElements/neon-animation/blob/master/neon-animated-pages.html#L36

When replacing the neon-animated-pages with a retangular div with position : absolute , this div is similar not covered with the scrim from the open app-drawer .

Anyone with ideas on how to get the neon-animated-pages to function together with the app-drawer ?

---

Update, debugging more, by giving the neon-animated-pages a lower z-index the scrim is applied correct, so maybe a solution or workaround.

Answer 1

通过给neon-animated-pages提供比app-drawer更低的z-index找到解决方案，然后正确地应用稀松布，其余应用程序可以正常工作。