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?!?
<div class="modal fade" id="test"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</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
Post a Comment