html52.com
我爱小程序-开发者交流社区

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 之下


求大神指点


网友回复

黄思程:

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

臭臭liu?:

有人处理吗

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付