本文主要介绍堆叠样式(分区堆叠)，下面一起看看堆叠样式(分区堆叠)相关资讯。
在我看来，z指数的重要性可以对我们的日常工作有很大的帮助。我们用它来定义元素的级别(堆栈级别)。要从中受益，你可以做弹出，下拉菜单，提示，图形替换，等等。在开始这篇文章之前，也许我们应该先了解一下z index的基本信息。w3c是这样描述的。每个单元格都有一个三维空间位置，除了水平和垂直位置外，还可以在z轴的上层堆叠排列。z轴方向上的元素顺序由级联上下文和堆叠级别决定。在一个文档中，每个元素只属于一个级联上下文，元素层是一个整数，描述了同一级联上下文中z轴上元素的顺序。在同一个堆栈上下文中，堆栈级显示是在一个小堆栈中，在同一个堆栈级上显示，遵循从后面赶上，在html文档中按顺序排列的原则。在不同的堆栈上下文中，元素的顺序取决于父级联上下文的堆栈级别，与堆栈级别无关。如果顺序规则中的节点没有设置位置属性，则单据流后面的节点将覆盖前面的节点。xml代码将内容复制到剪贴板。b定位规则如果将position设置为static，那么文档流后面的节点仍然浮动在叠加之前，所以position: static不会影响节点的叠加关系。css代码将内容复制到剪贴板。b .如果位置设置为相对位置(绝对位置)、绝对位置(固定位置)或固定位置(固定位置)，则节点会覆盖节点，而不设置位置属性或静态属性值，表示前者的默认级别高于后者。css代码将内容复制到剪贴板。在z-index属性干扰的情况下，b可以根据规则的顺序和定位规则使结构更加复杂。这里我们有位置不确定的a和b，但是a-1节点到达一组相对位置。根据规则，b会覆盖，b. css代码会根据a 将内容复制到剪贴板的定位规则。当a-1 b覆盖的对方用来实现这样的外观漏洞其实是很常见的，比如电商网站侧边栏的显示列表。可以用这个技能来实现。这是一个网站展示区的类别。浮动层的两个类别覆盖一个类别列表框，浮动层和节点级类别包含两个类别。如果css实现了显示效果的使用，那么一级框架就相当于一个。上例中，a类节点相当于两种浮动层，相当于b的参与，我们尽量不使用location属性，而是添加z-index属性节点。发现z不是节点的功。css代码将内容复制到剪贴板。对a b c w3c的z-index属性的描述意味着，只有当节点的location属性是相对、绝对或固定时，z-index才会受到影响。。z-index属性指定元素的堆叠顺序。只有元素，还有对错。css代码将内容复制到剪贴板。如果所有节点都定义为position: relative，则为默认规则。0不定义z-index属性节点，处于同一级别，所以没有高低之分；但是，具有z索引的节点；大于或等于1将无法覆盖节点z索引；淋巴结负z指数值将覆盖未定义的z指数。css代码将内容复制到剪贴板。a b c d通过检查，我们发现当位置设置为绝对或相对固定，且没有设置z-index值时，ie8浏览器和w3c(以下我们统称w3c浏览器)是汽车，但汽车是ie6和0。从父规则来看，如果节点a和b的所有定义:相对位置，则a节点的z-index大于b节点的z-index，然后b前面必须覆盖的子节点的css代码会将内容复制到剪贴板。a-1 b-1如果所有节点都定义了位置:相对，z和b节点是一样的，但是由于顺序规则，b节点先覆盖节点。即使属性node的值高于node b的值，node b也会在node的封面中。css代码将内容复制到剪贴板。a-1 b-1很多人把z指数设置得很大。如果你不 不考虑父节点的影响，重新设置是没有用的。这是一个无法逾越的关卡。层次树规则您可能认为dom结构中的兄弟节点会比较并决定层次结构，但事实并非如此。css代码将内容复制到剪贴板。a-1 b-1我们认为，当位置设置为相对、绝对或固定，z与一个整数值组合时，会放在不同的级别和dom树中，通过比较在层次树z-index中确定级别。如果上面的例子用一个层次树来表示，应该如下。虽然a-1 (z索引:0)的值低于b-1(z索引:1)，但在层次树中，a (z索引:2)和b-1有高有低，值大于1。根据父母的规定，a-1显示在前面1。参与规则2参与规则认为，只要节点的位置属性是相对的、绝对的或固定的，那么你可以参与比较的级别就是不准确的。如果所有节点都定义了position: relative，且z索引为整数，则根据从父节点开始的规则，确定父节点的子节点的级别。css代码将内容复制到剪贴板。a-1 b-1-1 c-1-1-1在这个例子中，基因a、b-1和c-1-1是父节点。z索引的值是相同的。根据规则，在第一个1 c-1-1基因之前，根据父母 规则，不考虑子节点的z索引值，在c-1-1-1，b-1-1之前。如果我们把父节点的所有z-index属性都放进去，会发生奇怪的事情。健康。ie6和ie7浏览器表现出的效果是一样的，虽然w3c浏览器的子节点不再来自父节点，而是根据各自的特点来决定级别。css代码将内容复制到剪贴板。a-1 b-1-1 c-1-1-1根据默认规则，ie6、ie7和w3c浏览器元素之间z-index默认值的差异。我们认为，只有当位置设置为相对、绝对或固定，z为整数值时，节点才放在层次树中；和z是默认值，仅在文档级别的同级节点之间。在w3c s浏览器，b-1和c-1-1基因的z指数是汽车不参与的级别。在ie6和ie7中，因为属性的默认值是0，所以它也参与分层比较。位置没有z索引节点不参与的分层树的比较，但是也会与dom节点进行比较。css代码将内容复制到剪贴板。a-1 b-1-1 c-1-1-1我们修改并删除了最后一个例子，b-1的位置属性。w3c浏览器显示下列数字。根据定位原理，b-1会出现在你和c-1-1基因的前面；根据规则，a .显示c-1-1基因在ie6和ie7中，因为c-1-1基因和属性的默认值为0，而且还参与了层次树的比较，所以有以下效果。很难概括浏览器节点显示的层次结构。你以为今天a会止顶，但是明天由于需求的变化，突然b元素需要放顶。盖了一层一天，回头看，发现有很多块交织在一起，价值大于一个，完全没有明确的线索。我认为它 博士工作前最好先占个位置，因为z指标跟层级关系很明确，所以会有无穷无尽的烦恼。此外，不勉强，javascript s z和z，一个节点设置在所有节点的最高级别。由于篇幅太长，本文仅从节点属性的角度进行讨论。它不涉及特殊的页面节点选择和iframe。如果有机会，下次再和大家分享。
了解更多堆叠样式(分区堆叠)相关内容请关注本站点。