0

ブートストラップが上からフェードインすると、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>
4

1 に答える 1

0

.modal.fade で不透明度が 1.0 のブートストラップの 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 にのみ影響するかはわかりません。

于 2013-04-10T02:07:10.413 に答える