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

创始人

2025-01-11 00:06:43

0次

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

先来看看初始DOM结构代码

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

在这里插入图片描述

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

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

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

实测教程！wpk系统是否存在透... 《实测教程！wpk系统是否存在透视挂行为，德州局透视脚本下载安装最新版本（透视）切实有开挂辅助器（有...

免费测试版！pokemmo辅助... 免费测试版！pokemmo辅助工具，hhpoker透视挂码怎么用（透视）一直有开挂辅助安装（有开挂细...

透视新版！hhpoker德州机... 透视新版！hhpoker德州机器人，wepoker怎么发冤家牌（透视）原先有开挂辅助安装（有人有开挂...

盘点几款！pokemmo辅助器... 盘点几款！pokemmo辅助器脚本下载，werplan辅助软件（透视）竟然有开挂辅助挂（有开挂头条）...

推荐一款！wepoker有辅助... 推荐一款！wepoker有辅助功能吗，poker辅助器免费安装（透视）原生有开挂辅助黑科技（有开挂教...

玩家必备科普！wpk私人局有透... 玩家必备科普！wpk私人局有透视吗，impoker辅助（透视）从前有开挂辅助下载（果真有开挂）；玩家...

最新技巧！wepoker游戏下... 最新技巧！wepoker游戏下载，德州局hhpoker（透视）切实有开挂辅助神器（有开挂详细）是一款...

避坑细节！wepoker私人局... 【福星临门，好运相随】；避坑细节！wepoker私人局辅助挂，wepoker免费钻石（透视）总是有开...

传递经验！wepoker有辅助... 传递经验！wepoker有辅助吗，wepoker辅助软件价格（透视）本来有开挂辅助工具（讲解有挂）；...

透视ai代打！wepokerp... 透视ai代打！wepokerplus辅助，we-poker有人玩吗（透视）都是有开挂辅助下载（有挂讲...