bootstrap .modal has lower z-index than youtube iframe on top fade in (only in firefox) -


when bootstrap fades in top shows underneath youtube iframe embedded videos. once fade done shows on top should. have set wmodes transparent, opaque set z index on both fade , modal high , still no luck. strangely happening in firefox. ie chrome finicky ipad work! how can fix this?!?

enter image description here

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

after messing around bootstrap's css having opacity of 1.0 on .modal.fade solved problem:

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

not sure how affected firefox if explain nice.


Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -