欢迎来到 斤斗云学堂 | HTML5技术问答区 ,有什么不懂的可以尽管在这里提问,你将会收到社区其他成员的回答。

 请补全下面代码中的CSS部分,让三个图层的层级为C>B>A。

0 投票
 <style>
    .a,.b,.c{position: relative;}
  </style>
  <div class="a">
    A<div class="c">C</div>
  </div>
  <div class="b">B</div>
最新提问 12月 16, 2016 用户: zkk

1个回答

0 投票
z-index是一个拼爹的属性,要想满足C>B>A,那么A无论如何都不能创建新的层叠上下文,因为C是A的子元素,一旦A有了层叠上下文,当B>A时,C的z-index无论设置多大也不可能再超过B了
不为定位元素显式指定z-index,则不会创建新的层叠上下文。下面这段代码可以满足题目要求:
.a,.b,.c{ position: relative;}
    .b{z-index:1;}
    .c{z-index:2;}
最新回答 12月 16, 2016 用户: zkk
...