pixel nền nhấp nháy trên kiểu khởi động

Question

Bất kỳ ai cũng biết vấn đề nền phương thức bootstrap? pixel nền nhấp nháy

jsfiddle

HTML

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

Launch Demo modal

<!-- 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> 

Answer 1

tôi đã thay đổi sở hữu opacity .fade.in trên bootstrap.min.css từ 1 để 0.99: .fade.in{opacity:0.99}

và giải quyết các vấn đề trong khi một giải pháp tốt hơn xuất hiện.

* cập nhật * thử này trên bootstrap.min.css

.fade.in {opacity: 1; -webkit-backface-visibility: hidden;}

Answer 2

Dường như lỗi trong bootstrap, tôi đã nhận được cùng một vấn đề và tôi phát hiện ra rằng nó gây ra bởi các yếu tố trên trang có tài sản opacity. tôi quản lý để tái tạo nó trên trang web bootstrap hy vọng nó sẽ giúp bạn.

hơn nữa, nó chỉ xảy ra trên chrome.