把当前img作为到爷爷的背景图_开发测试

创始人

2025-01-11 00:06:43

0次

（忽略图大小不一致，一般UI给的图会刚好适合页面大小，我这网上找的图，难调大小，我行内的就自己随便写的宽高），另外悄悄告诉你最后有简单方法～～

先来看看初始DOM结构代码

最开始图片在他本来的DOM结构里面，爷爷也没有背景，这样的DOM是把两个叔叔抵下去的
在这里插入图片描述

在这里插入图片描述

假设我们已经固定了图片为孙子，但是我们想要这个图片作为整个爷爷的背景图，想要其他该在爷爷上边的元素的层级不变，也就是这样的DOM结构：
在这里插入图片描述
效果是这样

话不多说，直接上代码：（这里要通过img的class获取爷爷元素，所以用v-show当满足某种条件才渲染这种我需要的样式，倘若知道爷爷元素和图片的大小直接v-if

TIPS：有个简单单方案就是直接给parent加一个margin-bottom！！
在这里插入图片描述

wepoke辅助插件!wepo... wepoke辅助插件!wepokeai代打技巧(WePoKe黑科技)确实有挂(确实有挂)-哔哩哔哩1...

最新技巧"aapok... 最新技巧"aapoker真的有猫腻吗"aapoker俱乐部后台可以操作吗(确实有挂)-哔哩哔哩1、a...

黑科技好友(wepoke辅助插... 黑科技好友(wepoke辅助插件)Wepoke软件(wePokE)从前有挂(有挂秘籍)-哔哩哔哩1、...

wPk最新黑科技!wpk数据清... 自定义系统规律，只需要输入自己想要的开挂功能，一键便可以生成出微扑克专用辅助器，不管你是想分享给你好...

wepokeai代打!wepo... wepokeai代打!wepoke计算辅助(WePoKe黑科技)原来是有挂(真的有挂)-哔哩哔哩；在...

大家学习交流"aap... 大家学习交流"aapoker真的有猫腻吗"aapoker挂(好像有挂)-哔哩哔哩在进入aapoker...

黑科技好友房(wepoke智能... 黑科技好友房(wepoke智能ai)wepoke辅助真的(wepoKE)最初有挂(证实有挂)-哔哩哔...

Wpk最新黑科技!wpk俱乐部... Wpk最新黑科技!wpk俱乐部有外挂吗(WPK ai辅助)从来有挂(2020已更新)(哔哩哔哩)1、...

推荐十款"aapok... 推荐十款"aapoker发牌机制"aapoker外挂实测(一贯真的是有挂)-哔哩哔哩1、aapoke...

wepoke真的有挂!wepo... wepoke真的有挂!wepoke算法(WePoKe黑科技)切实存在有挂(详细教程)-哔哩哔哩；1）...