2017-09-30 96 views
7

Ktoś wie bootstrap modalne tła problem? migoczące tło pikselitło pikseli migotanie na bootstrap modalnym

jsfiddle

HTML

<!-- Button trigger modal --> 
<button type="button" id="mymodal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 

modalne demo Wprowadzenie

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    ... 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 

enter image description here

+0

wygląda dobrze na moim komputerze, przetestowałeś na innym komputerze/przeglądarce? – AVAVT

+0

@AVAVT Tak, sprawdziłem na innych monitorach 1024x768 dobrze 1920x1080 nie w porządku –

+0

Po zmianie rozmiaru ekranu na pełny ekran na 300px należy stawić czoła temu problemowi. –

Odpowiedz

7

Zmieniłem .fade.in właściwości krycia na bootstrap.min.css z 1 do 0.99: .fade.in{opacity:0.99}

i rozwiązać problem, gdy pojawia się lepszym rozwiązaniem.

* Aktualizacja * spróbować tego na bootstrap.min.css

.fade.in {krycie: 1; -webkit-tylna strona-visibility: hidden;}

+0

Dzięki pracy w porządku ... –

+0

Dzięki. uratowałem mój dzień. Działa dobrze. – ypp

0

Wygląda błąd w bootstrap, Mam ten sam problem i dowiedziałem się, że spowodowało to elementy na stronie, które mają właściwość nieprzezroczystości. Udaje się odtworzyć go na stronie bootstrap mam nadzieję, że ci to pomoże.

enter image description here

ponadto zdarzyć się tylko w Chrome.

+0

thnx .... i zaktualizuj tutaj ... jeśli masz jakieś rozwiązanie. –

+0

mój problem został rozwiązany powyżej odpowiedzi "EmilioRamirez24". Spróbuj to myślę, że pomocny ... Twój bootstrap.min.css Wymień ".fade.in {opacity: 1;}" do”.fade.in {krycie: 1; -webkit-tylna-widoczność : hidden;} " –