html-如何覆盖“继承的” z索引?

前端之家收集整理的这篇文章主要介绍了html-如何覆盖“继承的” z索引? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我需要重写继承的z-indexes的概念.

例如此代码

<style>
div{
  background-color:white;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
</style>
<div style="position: fixed; z-index: 2;">
   div 1
   <div style="position: fixed; z-index: 3;">
     div 2
   </div>
 </div>
<div style="position: fixed; z-index: 2;">
 div 3
</div>

http://jsbin.com/epoqo3/3

我希望显示div 2,但显示div 3.如何在不更改结构的情况下更改此行为.

最佳答案
您不能给孩子一个比其父级更高的z-index.在这种情况下,您可能需要重新考虑设计,或者考虑暂时将子级弹出父级,以使其在比其父级更高的索引上显示.

在这种情况下,div的物理顺序也会有所帮助.如果将第一个向下移动到最后一个,则将获得首选的渲染.但这可能不适合您的情况.

猜你在找的HTML相关文章