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

创始人

2025-01-11 00:06:43

0次

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

先来看看初始DOM结构代码

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

在这里插入图片描述

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

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

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

最新技巧!!wepoker有没... 很多人使用云端 AI 时，都担心wepoker有没有辅助、内部资料上传带来隐私风险。这款本地运行的 ...

一秒答解!wepoker怎么增... 您好，一秒答解!wepoker怎么增加运气,WPK有挂吗确实有挂下载（最初有辅助挂）这款游戏可以开挂...

一秒答解!wpk辅助器,德扑之... wpk辅助器AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包，断网...

分辨真假!德普之星透视辅助,w... 分辨真假!德普之星透视辅助,wepoker开挂透视教程脚本（总是是真的有辅助挂）AI 是一款可以让一...

每日必看推荐!wepoker怎... 您好：wepoker怎么提高运气这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很...

推荐一款!!wepoker黑侠... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...

一秒答解!wpk俱乐部辅助器,... 一秒答解!wpk俱乐部辅助器,德扑之星开挂脚本助手（固有有辅助器）AI 是一款可以让一直输的玩家修复...

玩家攻略!wepoker好友房... 您好，玩家攻略!wepoker好友房开挂,WPK哪里有挂神器（一贯有开挂）这款游戏可以开挂的，确实是...

重大通报!!智星德州可以透视吗... 很多人使用云端 AI 时，都担心智星德州可以透视吗、内部资料上传带来隐私风险。这款本地运行的 AI ...

玩家爆料!智星菠萝有挂吗,WP... 智星菠萝有挂吗AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包，断...