视口里同时存在两个 CSS 带有 perspective() 属性的元素的问题
发布于 7 年前 作者 guona 15712 次浏览 来自 问答

* 当前视口 (viewport) 里存在两个 CSS 带有 transform: perspective() 属性的元素时,页面上 z-index 最高层级的元素无法覆盖这两个元素

* 如何复现?

比如,当 viewport 里只有一个 CSS 带有 transform: perspective() 属性的元素时,页面上 z-index 最高层级的元素可以正常覆盖这个元素,而当页面滚动,第二个 CSS 带有 transform: perspective() 属性的元素进入视口时, z-index 最高层级的元素便无法覆盖这两个元素了,与此同时,视口中所有带有 transform 属性的元素都无法被覆盖


* 在安卓下没有这个问题

回到顶部