小程序布局中压住上方图片技巧
在小程序中，如果需要将文字内容压住上方图片，而又不使用绝对定位，可以使用以下技巧：
使用相对定位 + z-index
将需要压住图片的元素设置为相对定位，并设置较高的 z-index，使其叠加在图片之上。例如：
.text-wrapper { position: relative; z-index: 1; /* 设置较高的 z-index */}
使用 top 属性
将需要压住图片的元素的 margin-top 属性改为 top 属性。top 属性可以指定元素相对于其父元素顶部的偏移量。例如：
.text-wrapper { position: relative; top: -130rpx; /* 相对于父元素顶部偏移 -130rpx */}
通过以上技巧，可以将文字内容压住上方图片，同时保持布局的灵活性。需要注意的是，这种方式适用于非绝对定位的情况，如果需要更复杂的布局，可以使用绝对定位进行调整。
以上就是小程序布局中如何压住上方图片而不使用绝对定位？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1630239.html
微信扫一扫 
支付宝扫一扫 
