收藏
回答

iOS 真机中两个 Image 通过 z-index 设置层级无效

操作系统 操作系统版本 手机型号 微信版本
iOS 10.3.3 iPhone 6 6.6.1

您好,发现一个 bug,在开发者社区找了看了很多反馈

官方给出的解释是原生控件中 map,video,canvas,input,textarea 等标签优先级在 webview 之上


wxml 布局格式如下

<view>

  <image src="a.png"></image>

  <image src="b.png"></image>

</view>


预期希望 a.png 显示在 b.png 之上


按照 HTML 加载流程理解,后加载的元素是比之前加载的元素层级要高,但是目前由于布局相对较复杂,不方便修改,希望可以通过上述的布局格式达到预期效果


wxss 文件中设置了两个 image 的 z-index 属性,a.png 的 z-index: 9999,b.png 的 z-index: 1

在模拟器和 Android 真机设备下查看正常,但是在 iOS 设备中查看 a.png 显示位于 b.png 之下


求大神指点


回答关注问题邀请回答
收藏

3 个回答

  • 黄思程
    黄思程
    2018-01-12

    你好,问题未复现。请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。

    2018-01-12
    有用
    回复
  • 2019-12-25

    两个不同层级的图片不要放在一个父元素下就可以了

    2019-12-25
    有用 1
    回复
  • 臭臭liu😒
    臭臭liu😒
    2018-01-10

    有人处理吗

    2018-01-10
    有用
    回复
登录 后发表内容