如何叠加＆＃34;转换＆＃34;元件？

Question

HTML结构：

<div class="menu">
    menu
    <div class="submenu">submenu</div>
</div>
<div class="video">video</div>

问题是如何在不更改结构的.submenu css规则的.video元素之上显示transform元素？

小提琴 - http://jsfiddle.net/vpetrychuk/YtAP6/1/

更新：.menu也已转换。

Answer 1

您可以将z-index设置为足够大的正数：

.submenu {
  background: #c00;
  position: absolute;
  top: 0; left: 40px;
  height: 100px;    
  z-index:1;
}