我在Safari iOS上遇到一个奇怪的聚合物纸张对话问题,在桌面上工作得很好。叠加层似乎位于背景元素下,因此无法访问叠加层。 我一直在读这个问题 paper-dialog in Polymer doesn't close in iPhone 并且建议的解决方案对我不起作用。
问题是,当我在聚合物项目元素页面中尝试对话框时,它可以在iOS上运行,但我的实现并没有,但我发现我的实现和提供的演示之间没有任何区别{ {3}}
我已将我的网页放入可访问的网址,以便您可以尝试
如果我从Safari桌面试用它可以正常工作,但在我的iPhone中,背景元素位于叠加层上
http://v5.irekia.efaber.net/mobile/test 有人能帮助我吗?我错过了什么吗?
答案 0 :(得分:0)
尝试将纸张对话框的z-index压缩为105. <iron-overlay-backdrop>
元素有一些限制:
通过设置元素,将元素设置为显示在其他内容之上 z-index属性。您必须确保没有元素具有堆叠上下文 具有比其父堆叠上下文更高的z索引。你应该 尽可能将这个元素作为孩子放置。
来源: https://github.com/PolymerElements/iron-overlay-behavior
答案 1 :(得分:-1)
某些浏览器尚未完全支持Polymer。 尝试更新webcomponents.js或更新纸质对话框组件。