微信小程序布局图片上面显示文字

实现的效果：

xml布局文件：

<view class="image-parent"> <image class='image' mode='widthFix' src='../../images/answer-ad.png'></image> <view class="child">child</view> </view>

css文件：

.image-parent {
height: 746rpx;
** position: relative;**
border: 2rpx solid red;
}

.child {
width: 100px;
height: 24px;
**position: absolute;
** **left: 0;
** **top: 0;
** **right: 0;
** bottom: 0;
margin: auto;
text-align: center;
background: yellowgreen;
}