Question

  div#overlay(ng-show="play_video")
    div#video_container

点击按钮，我设置play_video = true，它动态构建视频标签（源需要动态构建：

<video controls="">
   <source src="/videos/test7.mp4" type="video/mp4">
</video>

一切正常，但我的视频看起来不透明，好像在叠加层后面。我已经检查了许多解决z-index和位置的解决方案，但我仍然没有做对。我在一切面前获得了什么视频？我还试图在视频元素本身上放置position：absolute和最高z-index - 没有成功。 http://jsfiddle.net/5LGD9/

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
}

#video_container {
    z-index:  2000;
    position: absolute;
}

Answer 1

将video_container作为叠加层的兄弟使用可以解决问题：

div#overlay(ng-show="play_video")
div#video_container

叠加层顶部的视频仍显示为不透明

1 个答案: