如何相对定位使用 z-index 在小程序中将文字压在图片上？

发布日期： 2024-10-21 阅读量： 作者： 网络

如何在小程序中不使用绝对定位压住上面的图片？

在小程序开发中，有时候需要将文字内容压在图片上，但是又不想使用绝对定位来实现。这种情况可以使用相对定位和 z-index 属性来解决。

问题示例：

小程序中的代码如下：

<view class="index">
    <image mode="aspectfill" style="width: 100%;height: 364rpx;" src="https://sqt-1259302042.cos.ap-guangzhou.myqcloud.com/c4cca9041ee64272a1106674bb578555.jpg"></image>
    <view class="title">
        顶顶顶顶
    </view>
</view>

# cos # 绝对定位 # overflow # 相对定位

上一篇: 关于开发应用的10篇文章推荐

下一篇: 关于数据库设计的10篇文章推荐

如何相对定位使用 z-index 在小程序中将文字压在图片上？

随便看看