给你们一个参考: 我的项目里,page.json有这么一行代码,去掉就可以了 "renderingMode": "seperated", // 仅微信小程序,webrtc 无法正常时尝试强制关闭同层渲染
已解决:小程序的地图,z-index无效?使用工具hbuilderx,开发者工具都是最新版本,hbuilderx 4.29 本地设置—调试基础库—3.6.0 代码部分: <view class="wrap"> <!-- 地图 --> <map class="map" id="myMap" :scale="12" :show-location="true" :longitude="116.397428" :latitude="39.90923" /> <view class="warp-bg"> <view>111</view> <view>222</view> </view> </view> 样式: <style lang="scss"> .wrap { position: relative; .map { width: 100%; height: 70vh; } .warp-bg { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom,rgba(200,200,200,0.3) 60%, #f7f7f7 70%, #f7f7f7); line-height: 80px; } } </style> [图片][图片]
10-10