急！uni-app中想用一个view/去遮住van-circle的一部分，但遮不住，请问该如何修改？

<view class="card_right" style="position: absolute;right: 10px;bottom:-20px">
                                        <view style="background-color:red;width: 90px;height: 40px;position: absolute;top: 70px;z-index: 999;font-size: 14px;">
                                            <view style="color: #A6A6A6;font-size: 12px;text-align: center;">剩余额度</view>
                                        </view>
                                        <van-circle :value="item.amount_percentage" size="90" layer-color="rgb(231,231,231)" color="rgb(170,127,95)" :text="item.amount_percentage+'%'" :style="{zIndex:'1'}"/>
                                    </view>

如上图，红色view我使用绝对定位让它到了van-circle底部想遮住底部，但是发现还是遮不住，明明已经设置了z-index，请问该如何修改？请赐教，不胜感激。

请问这个问题解决了吗？

:style="{position:relative,zIndex:1}"