微信小程序中cover-view的层级不受z-index控制
2018-12-13 17:41
711 查看
版权声明:禁止抄袭 https://blog.csdn.net/weixin_41854772/article/details/84992419
在做小程序中的地图时,遇到已奇怪的问题,cover-view不受z-index控住,后来几经折腾,得出如下结论。(不知道后面腾讯方会不会优化这个问题)
这是在小程序里做的一个地图,上面的所有的都得用cover-view,cover-image。问题是cover-view,cover-image的层级不受z-index影响。如上图,上面分三块,层级排序分别是(1)<(2)<(3)。
通过调整这三块在wxml中顺序,得出结论,层级是根据代码段在wxml中顺序来排的,就是说,把(1)对应的代码放在前面,层级就低,放在后面的代码段层级就相对高些。
相关文章推荐
- 微信小程序 通过控制CSS实现view隐藏与显示
- 微信小程序 cover-view在 Video(原生组件)中遇到的问题
- 详解微信小程序 通过控制CSS实现view隐藏与显示
- 微信小程序 条件渲染 脚本控制view的隐藏显示
- 微信小程序map组件z-index的层级问题
- 微信小程序 cover-view绑定事件 真机失效
- 微信小程序--cover-view
- 微信小程序 view容器 scroll-view swiper轮播图 movable-view cover-view
- 微信小程序组件_小程序视图容器cover-view
- 微信小程序对cover-view标签设置border没效果(手机不显示)
- 微信小程序开发(十四)scroll-view实现下拉刷新上拉加载更多
- 微信小程序----组件之view
- 微信小程序之音乐控制播放(audio的API)
- 微信小程序scroll-view组件实现滚动动画
- web-view h5页面传递参数给小程序,小程序接收h5网页传过来的数据——微信web-view高级用法10
- wsSearchView:一个简单方便的微信小程序搜索框页面组件
- 微信小程序web-view公众号与小程序支付的切换使用
- 微信小程序cover-image手机上不显示问题
- 【微信小程序教程】点击按钮移动view标签的位置
- 微信小程序例子——快速掌握滚动视图(scroll-view)