<view class="img-view">
<image src="images/1.png" class="img"></image>
</view>
这个View平时不显示,当按住button 的时候,显示到屏幕中央,位于其他所有组件之上。
网友回复:
z-index; position:fixed;
样式的问题咯。
<view class="img-view" style="z-index:{{rangeNumer}}">
<image src="images/1.png" class="img"></image>
</view>
点击按钮的时候改变rangeNumber,然后在存到data中就可以了。
使用CSS的定位:先使用 固定定位(fixed)或者绝对定位(absolute)都可以实现。再搭配 z-index 实现。
谢谢大家
<view class="container">
<scroll-view>
<view class="scscsc"></view>
</scroll-view>
<view class="imgview">
<image class="iimmgg" src="3.png"></image>
</view>
</view>
.iimmgg{
width: 200rpx;
height: 200rpx;
}
.imgview{
position: fixed;
z-index: 99;
}
.scscsc{
position: fixed;
z-index: 1;
width:100%;
height: 300rpx;
background-color: #ffff00;
}