背景像素在bootstrap模态上闪烁

Question

有谁知道bootstrap模态背景问题？ 闪烁的背景像素

jsfiddle

HTML

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

启动演示模式     

{{1}}

Answer 1

我将 bootstrap.min.css 上的.fade.in opacity属性从1更改为0.99：.fade.in{opacity:0.99}

这解决了问题，同时出现了更好的解决方案。

*更新* 在bootstrap.min.css上试试这个

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

Answer 2

看起来像bootstrap中的bug， 我得到了同样的问题，我发现它是由页面上的元素引起的，具有不透明度属性。 我设法在bootstrap网站上重现它 希望它会对你有所帮助。

此外，它只发生在chrome上。