css实现图文重叠效果

html:

<view class='middle_div'>

    <view class='middle_div_one' bindtap="myCustoner">

        <image class='middle_div_image' src="../../images/index_1.png"></image>

        <p>我的客户</p>
    
    </view>

</view>

css:

.middle_div_one{

height: 140rpx;

width: 30%;

position: relative;

z-index: 0

}

.middle_div_image{

width: 54%;

height: 106rpx;

position: absolute;

bottom: 0;

right: 0;

}

.middle_div_one p{

position: absolute;

top: 0;

left: 18%;

z-index: 10;

}

 

效果：