小程序地图组件和canvas组件在真机上会遮挡悬浮在最上层的元素
地图组件全屏显示,屏幕右上角悬浮几个button。在开发者工具中预览没有问题,但是在真机(iPhone6)上看不到button。
canvas上也有这样的问题。
canvas中画了一个图片和一段文字,canvas中的图片可以拖拽移动。页面最上层放了一个按钮,在开发者工具中预览时,按钮显示在图片上层,但是真机中图片显示在按钮上层,导致按钮被遮挡。当图片被移动后,才可以看到按钮,并且可以点击。
这是小程序的问题还是我的代码有问题?怎么解决呢?
wxml文件:
< view class = "map-view" > < canvas canvas-id = "mymap" catchtouchstart = "onTouchStart" catchtouchmove = "onTouchMove" catchtouchend = "onTouchEnd" catchtouchcancel = "onTouchCancel" disable-scroll/> < button >hi</ button > </ view > |
wxss文件:
canvas{ width : 100% ; height : 100% ; position : absolute ; } button{ position : absolute ; z-index : 100 ; width : 100% ; } |
开发者工具预览,如下图:
手机上看不到按钮了,如下图:
图片被移动后才可以看到按钮: