<template>
<view class="test">
<view class="tip">11111111</view>
<map class="map"></map>
<view class="tip">1234567</view>
</view>
</template>
<style scoped>
.test{
width: 100%;
}
.map{
width: 100%;
height: 50vh;
}
.tip{
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
</style>
- 发布:2020-08-10 16:32
- 更新:2020-08-10 16:32
- 阅读:638
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
第三方开发者工具版本号: 1.03.2007151
基础库版本号: 2.12.1
项目创建方式: CLI
CLI版本号: 3.12.0
示例代码:
操作步骤:
小米9,MIUI11.0.9,微信7.0.17 小程序真机预览,页面代码如上
小米9,MIUI11.0.9,微信7.0.17 小程序真机预览,页面代码如上
预期结果:
预期:absolute和z-index的元素tip,要覆盖map组件
预期:absolute和z-index的元素tip,要覆盖map组件
实际结果:
map组件层级特别高,未能被其它元素覆盖
map组件层级特别高,未能被其它元素覆盖
bug描述:
map组件,覆盖住了absolute,z-index:10的元素。
0 个回复