如何叠加“转换”元素？

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;
}