bootstrap .modal具有比顶部淡入的youtube iframe更低的z-index（仅在firefox中）

Question

当引导程序从顶部淡入时，它会显示在youtube iframe嵌入式视频下方。一旦淡入淡出，它就会显示出它应该的顶部。我已经将wmodes设置为透明，不透明设置了淡入淡出和模态高的z索引，但仍然没有运气。奇怪的是，这只发生在 firefox 中。即铬即使是挑剔的ipad都工作！我怎么能解决这个问题？！？

<div class="modal fade" id="test"> 
    <div class="modal-header"> <a class="close" data-dismiss="modal">&times;</a> <h3>You have already voted!</h3> </div> 
    <div class="modal-body"> <p>You may vote again tomorrow.</p> </div> 

</div>

Answer 1

在使用.modal.fade上的不透明度为1.0的bootstrap的css后，解决了这个问题：

    .modal.fade {
 opacity: 1.0;
  top: -25%;
   -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;

}

不确定这只会影响firefox如果有人可以解释那会很好。