当前位置: 首页 > 面试题库 >

我可以覆盖父元素的z-index继承吗?

陆洛城
2023-03-14
问题内容

使用绝对位置时,有什么方法可以覆盖父元素的z-index继承。我希望2222 div在0000 div之上:

<div style="background-color:green; z-index:10; position:relative">
     OOOO
</div>

<div style="background-color:yellow; z-index:5; position:relative">
     1111
     <div style="position:absolute; background-color:red; 
                 z-index:15; top:-8px; left:20px">
         2222
     </div>
</div>

我无法更改0000或1111 div的z索引,并且尝试将2222元素相对于1111元素定位。


问题答案:

我相信z-index是相对于最近定位的元素。因此,如果您在“ 1111”
div中有两个div,则它们可以相对于彼此进行z索引,但是由于2222是1111的子元素,因此不能相对于0000进行z索引,并且始终1111以上。



 类似资料:
  • css变量问题:父元素的一个变量A的值取决于该元素上定义的的另一个变量B,如果我在其子元素上重新定义一个B,并使用A做为某个属性的值,那么此时A的值是等于父元素上的变量B的值呢?还是重新定义的这个B的值呢? 我想为这个组件提供两种风格,浅色和暗色,故定义了两个环境变量 但是我想为它的子组件提供不一样的浅色风格,于是重新定义了 最终的颜色却没有向我所想的那样,还是父元素上定义的颜色。当我检查该元素的

  • 问题内容: 我正在尝试使用jQuery在可拖动元素上设置z-index。您可以在这里看到我在说什么以及到目前为止我所拥有的: 这是非常原始的,并且存在问题。关于如何使最后点击的元素具有最高z- index的任何想法,而不是将所有其余元素重置为基数,而是让它们逐步执行,因此,最后一次点击的第二个具有第二最高的元素,依此类推。 我遇到的另一个问题是,它仅在完全单击事件上起作用,而可拖动功能通过单击并按

  • 问题内容: 更新资料 很抱歉未能添加次要细节,我们也使用来将许多元素叠加在一起。处理更多此问题之后,似乎实际上与排序混乱,并且实际问题与动画本身无关。 结束更新 我目前在一个项目中,我们在该项目中开发了一个非常注重CSS3动画的应用程序。我们在和周围围绕了许多元素。 一切都很好,直到今天页面的所有要动画的元素都消失了。看来Google Chrome已从 12.xx 更新到 13.0.782.107

  • 问题内容: 我正在制作带有Netflix徽标的pure徽标,但遇到问题了。我创建了span元素,也创建了span 2的元素。但是,当与.netflix span:nth-​​进行比较时,我不知道如何将.netflix span:nth-​​child(2)放在z轴上。 child(2):之前。基本上,我的问题是,有什么方法可以将元素放置在z轴上,而不是根据它们的父元素而不是我们想要的任何元素。在此

  • 问题内容: 为什么超类的实例变量在继承中不被覆盖? 问题答案: 因为继承旨在修改行为。行为是通过方法公开的,这就是为什么可以覆盖它们的原因。 字段不是行为而是状态。您不需要修改它,也不需要修改超类使用的私有方法。它们旨在让超类完成其工作。

  • 问题内容: 我正在阅读“深入Python”,并在有关类的章节中给出了以下示例: 然后作者说,如果要覆盖该方法,则必须使用正确的参数显式调用父方法。 如果该班有一个以上的祖先班怎么办? 我是否必须显式调用所有祖先类的方法? 另外,我是否必须对要覆盖的其他任何方法执行此操作? 问题答案: 关于子类-超类调用,这本书有些过时了。在子类化内置类方面也有些过时。 如今看起来像这样: 请注意以下几点: 我们可