子元素在其他元素之上

我有一个有趣的Z-INDEX问题。子元素在其他元素之上

这是我的HTML结构。

<div class="player"> 
<div class="player-line"> 
    <div class="player-handle"></div> 
    <!-- /.player-handle --> 
</div> 
<!-- /.player-line --> 
<div class="branch"></div> 
<!-- /.branch -->

现在我的元素.branch必须超过.player线，但从来没有过.player手柄。这可能吗？这是我的JSFiddle experiment.

来源

2014-02-25 user1736479

取下.player-line所述z-index和更高的z-index设定为.player-handle

实施例：http://jsfiddle.net/t22EW/5/

（上Firefox和铬测试）
截图

enter image description here

来源

2014-02-25 13:06:47 fcalderan

只要你的玩家手柄是你希望分支在上面的对象的孩子。您将需要全部三个处于相同的DOM级别并具有不同的z-index值。

来源

2014-02-25 13:05:34 Peter

你想要这样。给予高的z-index值.player-line enter image description here

.player-line { 
     position: absolute; 
     width: 370px; 
     height: 100%; 
     background: #4B93E6; 
    z-index: 102;}

检查小提琴链接。 http://jsfiddle.net/kheema/t22EW/8/

来源

2014-02-25 13:07:14

子元素在其他元素之上

回答

相关问题