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

创始人

2025-01-11 00:06:43

0次

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

先来看看初始DOM结构代码

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

在这里插入图片描述

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

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

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

迎来新发展！方片十三张脚本，天... 迎来新发展！方片十三张脚本，天天互娱网络科技（都是是真的插件）-哔哩哔哩1、在天天互娱网络科技插件功...

近期！潮汕来物局有透视软件吗，... 近期！潮汕来物局有透视软件吗，边锋老友辅助（一贯存在有插件）-哔哩哔哩1、进入游戏-大厅左侧-新手福...

刚刚！泸州大二新手攻略，牛魔王... 刚刚！泸州大二新手攻略，牛魔王辅助器（好像真的是有工具）-哔哩哔哩一、泸州大二新手攻略可以开透视的定...

刚刚！亿游十三道辅助，微友辅助... 您好，微友辅助器免费版v2.0这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...

有了最新消息！广东雀神胜率修改... 有了最新消息！广东雀神胜率修改，哥哥打大a游戏攻略（其实是真的平台）-哔哩哔哩哥哥打大a游戏攻略透视...

受玩家影响！安卓手机闲逸辅助器... 受玩家影响！安卓手机闲逸辅助器，小程序微乐游戏辅助器（一贯真的是有app）-哔哩哔哩1、全新机制【小...

现有说明如下！新二号辅助，兴动... 现有说明如下！新二号辅助，兴动互娱游戏辅助器好用吗（其实是真的神器）-哔哩哔哩1、每一步都需要思考，...

连日来！枫叶辅助官网地址，多乐... 连日来！枫叶辅助官网地址，多乐小程序辅助工具（一直有挂神器）-哔哩哔哩1、金币登录送、破产送、升级送...

此事引发广泛关注！广西老友辅助... 此事引发广泛关注！广西老友辅助app，聚友联盟（好像是有app）-哔哩哔哩一、广西老友辅助app可以...

此事迅速冲上热搜！老k麻将辅助... 此事迅速冲上热搜！老k麻将辅助器，星悦游戏辅助论坛（竟然存在有挂）-哔哩哔哩1）星悦游戏辅助论坛免费...