【微信小程序】z-index失效_微信小程序z-index_少年歌行s的博客-程序员宝宝

首先看需求：

<view class="A"></view>

<view class="B">
	<view class="C"></view>
</view>

我希望层级关系： C > A > B

简单的给 z-index 是不行的，你会发现 C 的 z-index 始终跟随父元素 B ，为什么呢？来仔细看看 z-index 的规则

z-index 只有在 position 为 absolute | fixed | relative | sticky 时才生效.

当父元素设置了 z-index 后，其子元素所设置的 z-index 都将在父元素内进行排列，这种情况下的子元素不会与父元素外部其他元素出现渲染层次交叉的情况。

第二条也被称为堆叠上下文，这里不再解释这个名词，感兴趣的可以自己搜索一下。我直接说我的理解：

每个被设置 z-index 属性的元素就是一个平行空间，该元素下的子元素只能在该平行空间进行层级比较，而无法与其他平行空间的元素进行层级比较。

说结论：在该HTML布局下，本题无解。

当然，题主还是找到了两种解法，都需要改变HTML布局：

<!-- 最外层套一个父盒子，这样大家都在同一平行宇宙了 -->
<view class="套盒子">
	<view class="A"></view>

	<view class="B">
		<view class="C"></view>
	</view>
</view>

<!-- 将 C 盒子拿出来，使用绝对定位，或调整代码顺序使其放在合适位置 -->
<view class="A"></view>

<view class="C"></view>
<view class="B"></view>

这样 z-index 就能生效啦！

本文链接：https://blog.csdn.net/MinfCONS/article/details/124311224

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

SpringBoot+Vue项目的PDF导出及给PDF文件盖章的功能示例_vue 将 byte数组转 pdf文件_dearmrzhang的博客-程序员宝宝

前言版本：SpringBoot：2.3.1.RELEASEitextpdf：5.4.3最近在做SpringBoot+Vue的项目，需要将委托单商品的数据导出为PDF文档。Java的PDF操作第三方工具类用的最多的应该是itextpdf了吧，当然以前也用过icepdf这种小众的。那现在就来看看用itextpdf怎么做，还是很简单的。首先前端页面如下，可以导出箱单和发票两种格式的PDF文件：一、引入itextpdf依赖<dependency>

Java构造函数_MyBenhz的博客-程序员宝宝

Java构造函数创建java构造函数的规则Java构造函数的类型没参数的构造函数（默认函数的构造类型）Java参数化构造函数Java 构造函数重载java的构造函数和方法之间的区别Q)构造函数没有返回值？Q)可以构造函数执行其他任务而不是初始化？java中的构造方法是一种特殊类型的方法，用于初始化对象。Java构造函数在对象创建时被调用。它构造值，即提供对象的数据，这是为什么它被称为构造函...

abaqus移动热源DFLUX_abaqus dflux_ghfuidy的博客-程序员宝宝

本来以为fortran是abaqus的内置计算语言，不过从文档的定义来看，这类函数都是被定义好的接口，只是可以接受fortran语言或C++定义的函数，作为变量DFLUX函数格式（只有中间的user coding处可以自由改变，定义变量FLUX（1）和FLUX（2）的输入值） SUBROUTINE DFLUX(FLUX,SOL,KSTEP,KINC,TIME,NOEL,NPT,COO...

LM蚂蚁聚类算法_EricGogh的博客-程序员宝宝

实验表明：工蚁能在几小时内将分散在蚁穴各处的大小不同的蚂蚁尸体聚成几类，小的蚁堆通过吸引蚂蚁积攒更多的尸体来逐渐变大，这种正反馈会导致蚁堆逐渐越积越大，以达到聚类数据的目的。Deneubourg等人提出了一种基本模型（basic model，简称BM），用来解释蚂蚁尸体堆积成蚂蚁墓的行为，并模拟实现了蚁群的聚类过程。基本模型的主要思想是分散的对象被蚂蚁“拾起”（picked-up）并随机移动，然后

SQL Server2008 错误源:.net SqlClient data provider的解决方法_weixin_30381317的博客-程序员宝宝

今天下午直接在SQL Server 2008的Microsoft SQL Server Management Studio 中修改一张表中某个字段, 不管是删除字符还是添加都提示下面的错误.网上很多人说是表字段定义长度小于输入数据长度不符造成，我这个很明显不是这个问题，即使用测试数据输入一些单个字母或者数字还是提示这个问题。解决办法: (微软建议将ntext字段类型用nva...

Oracle数据库中B-Tree以及BitMap index 的性能对比_renfengjun的博客-程序员宝宝

索引概述什么是索引？索引是Oracle数据库中提供的一种可选的数据结构，用于关联一个表。为什么要使用索引？索引在有些情况下可以加快访问速度，减少磁盘IO。通常情况下时候使用索引？表中的某列经常会在查询中使用，并且经常用返回占表中数据总量比例较少的row set。引用完整性约束列。unique key 。下面我们来简