iOS 真机中两个 Image 通过 z-index 设置层级无效
发布于 5 年前 作者 liangxiulan 10291 次浏览 来自 问答

您好,发现一个 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 回复

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

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

有人处理吗

回到顶部