收藏
回答

视口里同时存在两个 CSS 带有 perspective() 属性的元素的问题

框架类型 操作系统 操作系统版本 手机型号 微信版本
小程序 iOS 10.3.2 iPhone SE 6.6.3

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


* 如何复现?

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


* 在安卓下没有这个问题


回答关注问题邀请回答
收藏
登录 后发表内容