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

创始人

2025-01-11 00:06:43

0次

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

先来看看初始DOM结构代码

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

在这里插入图片描述

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

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

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

6分钟细节！wepoke智能a... 6分钟细节！wepoke智能ai，（AAPOKer）的确是有挂的，存在挂教程（有挂体悟）1、每一步都...

九分钟内幕(wpk插件)HH德... 九分钟内幕(wpk插件)HH德州到底能赢吗(详细透视辅助透明)；1、九分钟内幕(wpk插件)HH德州...

科普常识!aapoker辅助软... 科普常识!aapoker辅助软件(透明黑科技)Wepoke有辅助挂-好像真的有挂(抖音)1、aapo...

wepokeai代打！德州we... wepokeai代打！德州wepower的确是有挂的(透明黑科技)就是真的有挂(2022已更新)(哔...

两分钟安装！wpk德州透视辅助... 两分钟安装！wpk德州透视辅助，（线上德州）好像真的有挂，wpk教程（有挂体悟）1、wpk德州透视辅...

6分钟介绍(hhpoker辅助... 6分钟介绍(hhpoker辅助软件下载)wepoker透视挂安装(详细辅助挂开挂)1、poker辅助...

推荐十款!微扑克专用辅助器(透... 推荐十款!微扑克专用辅助器(透视辅助)微扑克ai辅助神器-的确真的有挂(抖音)1、每一步都需要思考，...

wpk透视辅助！AAPOker... wpk透视辅助！AAPOker都是真的有挂(软件透明挂)果然真的有挂(2020已更新)(哔哩哔哩)1...

2分钟内幕！wpk有作弊，（W... 2分钟内幕！wpk有作弊，（WpK）果然真的有挂，扑克教程（有挂知晓）在进入wpk有作弊辅助挂后，参...

四分钟内幕(竞技联盟破解版最新... 四分钟内幕(竞技联盟破解版最新版)pokerworld辅助器(免费)(详细透视辅助打法)1、玩家可以...