如何叠加“转换”元素

How to overlay "transformed" element?

本文关键字：转换 元素 叠加 何叠加      更新时间：2023-09-26

HTML结构:

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

问题是如何在不改变结构的情况下将.submenu元素显示在具有transform css规则的.video元素之上?

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

更新: .menu也转换了

可以将z-index设置为一个足够大的正数:

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