通常情况下,我们在碰到这种由于 z ex 导致某些元素被遮挡的问题,我们直接提升他的 z e x 值就可以了,就像这样,这样是可以解决的,但是今天这个 bug 不能这样解决,为什么呢?大家看,我在放一个抽屉组件, 打开这个抽屉组件还是被遮挡住了,所以我们刚才只设置了那一个样式,是没法解决所有的问题。 那这种情况相当于这个项目里用的这个文本编辑器和饿了么 ui 的这些组件的 zex 发生了这种规划的问题。所以要想彻底解决这个问题, 我们只有两种方法,第一,我们去修改这个文本编辑器的 zenx, 第二,我们去修改饿了么 ui 的基础的 zenx 值。那这个小伙伴用的是这个网 爱迪特,我翻了一下文档,这里边是可以这样配置他的自行带丝的,我们来配一下,在这里加这么一句,我们来试一下,大家看,可以了,再把刚才的样式还原,把这个注掉 看看,这就没问题了。好,那第二种方法我们怎么去修改饿了么 ui 的基础 zex 值呢?把这个再注视掉 好,然后我们去饿了么意外的文档里找到这个全局配置里,他有一个柚子的时候, 加上一个参数,这里边可以设置组件默认的大小,还可以设置基础的 zenx 值,他默认是两千,所以刚才我们设置的五百是可以用的。那我们给他改成五个九, 慢点 js, 我们在右死饿了么 ui 的时候穿一个 z ex, 我们改成 五个九。好,我们再刷新一下,大概也是可以的,我再放一个抽屉也没有问题。
粉丝24.9万获赞155.5万

看一下啊,首先还是先新建一个文件啊,这是我们的这个是零七,这应该 好了啊,我们一起来看一下我们一起来看一下, 也就说呢,现在呀,我们的这个盒子啊,一被盒子三和盒子四盖住了,那么我们要想他月薪最高怎么办? 调节顺序,那就是我们的最近在就给他等一个一百,那么此时这一看啊,我们一刷新, 一刷新,我们这个页面,这个一呀,怎么样啊,就跑到最上面来了, 然后呢,有同学说呀,哎,现在我这个盒子啊,二啊,格子二,在对比一下,那么我们也可以给他调节顺序, 注意看啊,给他一个飞行带哎,给他一个二百,你看他上来了吗?没有为什么呀?因为二没有定位,是普通盒子,不能激活,飞行带也不能调节顺序, 嗯,和二 是普通啊,或者说没有定位,因此不能激活。这一代 他不能调节顺序啊,这咱们第一点,只有定位的元素可以去激活啊。第二个注意 c 因在此的默认值是凹凸 哎,也就是你可以把它看成是零,因此呢,没有定位的盒子哎,他怎么样啊?不能设置这一袋子哎,但是呢,我们呢是可以将这一袋子看成是零的 啊,如果自己在自制小于零,那么会渲染这个盒子啊,包括未定的盒子 啊,在他们的底部啊,会旋转盒子,在这些盒子的底部,只有大人的时候才会在上面啊,什么意思? 呃,来看一下啊,来看一下,咱们下面有两个元素,第二位三毛一,第二位点三毛二, 好,那么两个元素啊,然后这两个元素啊,我们给他做一个定位, 嗯,好了,嗯,然后呢?给。他们都有一个爆组形状,他们都有碰招了,是吧? 好了,嗯,这是我的第二点啊,就是说我们这个是默认值是零的啊, 好了啊,那么注意看,我们呢给这个是点呆猫一给这个掰状的是一个什么颜色呢?是一个,咱们随便选取一个吧啊?什么头是吧?嗯 嗯。然后呢再给他一个呆萌二白光的,咱们再随便选择一个 紫色吧。啊。嗯,好了,呃。然后呢?注意看啊然后然后呢?注意看。那么这是两个盒子 啊这是两个盒子啊,好了,然后咱们给这两个盒子啊,嗯,做一个定位啊,比如说呢?给他一个跑对身同样都是一个俄罗斯路, 嗯,好了,嗯,给他也是我走路 好了,嗯,然后呢?比如说呢?这里面还有一个呆萌三版啊,呆萌三 呆萌三。然后呢咱们的这个呆萌三呢?哎,他不去定位,哎,他不去定位。 给他一个叶的黄色啊, 好了,那么他不去定位。好了,嗯,然后呢?注意啊然后呢?注意。 此时啊,此时我们会发现这个二啊出现在这个位置了啊二出现在这个位置了啊,呃。然后呢?注意啊,注意,呃。我们呢?呃。首先呢给他们俩一个 love you, 比如说一个是 love you 是一个 三十像素啊,一个 love 呢?是一个七十像素。好,我们一刷新啊,继续看啊,这个是 三。一二,为什么三在最底下?因为三他没有定位啊三没有定位啊。然后呢?为什么这个 啊?为什么?咱们这个一和二啊在他的上面因为他们俩设置了定位啊设置了这个定位。呃。然后呢?咱们呢?给这个一呢啊,咱们再给他一个炮啊,比如给他一个,呃,四百五十像素, 对,默认相对三,相对暴力,是吧,按一看就在这了。好了,那么注意看,如果我给他的对应在这只是负值, 那么他会在隐藏在所有啊,隐藏在元素的下面或显示啊,显示在元素 下面啊,也说呢,给他一个,最近在啊,就给他一个负一,哎,注意我们一刷新啊,发现三和二都盖住一了啊,三和二都盖住一了,为什么呢?因为我们说三虽然没有定位,但是咱们可以把他看,把他的最近再次看成是什么呢?零 而负一匹零小,因此就在他的下面啊。而二呢,默认值他是零,但是虽然他们俩都是零的话,二是定位的,会盖住三,但是如果咱们这个二给他的这个资金在 比负一还小,比如说是个负十,哎,那么注意看,我们一刷新怎么样,一就把二盖住了啊,依旧把二盖住了,这咱们这个资金袋子啊,正的现实在上面,负的 写在下面。第三点啊,字音在字值越大就选的最前面,随越大写在前面啊,刚才咱们也看到了,注意,字音在字的值同样是一个常数啊,不要在这个单位 啊,那么如果盒子设置了相同的自印袋,那么此时盒子会根据 创建的顺序决定谁在前啊,不论是正值还是负值,那么我们说后面的啊,会渲染在最前面, 也就说呢,呃,我们呢,把现在呢,把他们俩的资金贷值都给他改成一样的,都给他改成啊,资金贷是十,下面是资金贷也是一个 十,那么此时我们一刷新会发现,哎,二还是盖住一,因为二是在一刀后面创建的,他们俩对应在此值相同了,二在一刀上面, 呃,最后一点,我们说盒子的遮盖顺序不仅仅与自身的自行带子有关,还与设置了定位的负盒子相关,那么负盒子自行带子越高啊,不论自盒子的自行带子值是多少, 都会渲染在复合子滋阴在低的复合子的前面,这一现象我们称之为什么拼爹是吧,来看谁的这个爸爸的这个滋阴在的之高啊,谁的越高那么越那么就会渲染谁啊,我们来看一下 拼爹好了,那就是啊,两个盒子 d i v 啊,一看到一里面是一个漂亮一,嗯,然后呢咱们给他创建两个, 哎,咱们的双眼两个,一个是叫盘他二,一个是叫翘的二,好了,那么我们来看一下啊,我们要给他们都是一个盒子啊,都给他一个 boss 这个属性啊, 因为这个 boss 属性啊,咱们刚才说了他有宽度和高度啊,咱们就不用再给他设置了是吧?哎咱们就不用再给他设置了好了啊,然后呢我们说一下给这个是 ds, 呃,这个大家得咱们稍等一下,稍等一下要是出去处理个事 呃然后呢我们来看这个拼接这个现象啊,那么首先呢,我们给这个看 呃一,嗯,底下呢一个白状的,呃,是一个,呃颜色是吧?还是一个叶落,嗯,然后呢 下面画条线啊,呃,然后呢给他呢一个跑对身啊,是一个 rap 盘他二 啊,那么给他的白光呢是一个二, 然后他也是这边的好了,然后呢下面是我们这个 翘的一啊,那么给他一个跑对身,哎,是一个哦走路, 呃,然后呢?咱们呢?给他一个背景色, 嗯,是一个, 呃,然后呢?给这个拆我的二,哎,一个跑对身 是一个欧思路带状的是一个, 这是一个耶路夫人啊, 好了,然后呢给他们都是一个泡泡,是一个,比如说是一个 五十像素的, 然后 love 是一个二百像素的,下面也是这样的 啊,那么这样的话,我们一刷新呢,哎,发现这两个元素在这里面出现了,哎,好了,嗯,然后呢注意啊,这是我们这个是翘的一 哎,下面是我们的这个翘的二,好了,那么注意看啊,那么注意看,呃,我们呢,哎,给这个 翘的二的套房给他改成零,哎,这样他们俩就有这个合并的这个地方了啊合并的地方,哎,我们一刷新他们也合并了,那么默认呢?是啊,这个二大于一啊,然后呢我们写上这个一大于二的话,那么咱们可以给他调整调节,这个 留给他是一个一百,那么此时依旧大过二,哎,那么二大过一呢,也是可以确认他呀,哎,最近在,哎就给他一个二百,那么二脾气大,那么二就把一盖过去了, 那么你这样调节的条件是什么呀?复合子的滋阴带,木耳知道是零,他们俩是一样的,如果他们俩呢分了一个高低,比如说一比二大啊,比如给他的一个滋阴带, 哎,是一个十啊,那么给他的一个自行带,哎,设置为一个五 啊,那么负啊,盒子一比负,盒子二对应在大,所以啊,那么纸盒子二无论多大都是盖不过谁呀?一等,哎,都是盖不过一等,即使你这个 盒子是两千,他也盖不过一百的,他也盖不过一百的,为什么呢?因为复合子 复刻字一,大鱼, 复合资二。 因此不论纸盒子二多大, 那不论指头和耳朵啊,都无法概括。哎,都无法概括啊,这个指盒子一, 让我们看一下子和一,如果是一个负值呢?是一个负义呢?哎,此时来看一下 啊,盖不去吗?啊,也是盖不去。为什么呢?因为啊,这个子盒子啊,二的书盒子, 这个值太小了啊,他的爹没有拼过他们是吧?哎,所以说呢,这个纸盒子二啊,就永远照这个纸盒子一差那么一点点是吧?啊,就盖过去了。好了,这是这个。呃,自行赛是一个问题啊。然后大家有什么问题吗?有问题。

这节课我们来学习元素的对叠顺序,对叠顺序是用 z 引带词属性来表示什么是对叠顺序。在电脑屏幕这个平面上,横向我们可以把它称为 x 轴, 纵向我们可以把它称为外轴,垂直屏幕方向可以看到是内轴。比如在电脑上,我们打开好几个窗口,肯定有一个是在最上边的,后边的都被遮挡住,这样的一个前后顺序就可以称为对叠顺序。来看浏览器效果, 这有一个蓝色框和紫色框,紫色框把蓝色框给挡住了。视觉上我们看紫色框是在前面的,他们两个就是对叠在一起的。那我如果想让蓝色的在前面,紫色的在后面,怎么设置?来看样式, 蓝色的设置他为二,紫色的设置为一。再看效果, 蓝色在紫色上面了,这是因为这个蓝色的属性值大于这个紫色的属性值,只要他大于他都行,无论是几。这是最简单的一个实力来解释一下, 就是这样,两个 d i v 要想使这个属性起作用,必须得明确指定他的定位,并且不是默认的斯泰蒂克, 否则这个属性是不起作用的。在正常的文档流中,如果是同级的元素,那么后面写的是高于前面写的。如果是嵌套元素,子元素是高于 负极元素的,这也很好想明白。比如我们在一个元素里面写了子元素,写完之后发现子元素被复元素盖了,那肯定是不合理。 还有一点是,如果这两个元素都有紫元素的话,那他们两个紫元素如何比较高低?这个时候就不是看紫元素对叠元素的高低了, 就该拼爹了,而是看他们的复元素,只要复元素他的对点顺序高,他的紫元素就能高过其他的元素以及他们的紫元素。需要注意的就这几点。好了,这节课就到这里。