background pixels flickering on bootstrap modal

Jagdish Parmar

Anybody know bootstrap modal background issue? flickering background pixels

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>

enter image description here

EmilioRamirez24

I changed .fade.in opacity property on bootstrap.min.css from 1 to 0.99: .fade.in{opacity:0.99}

and that solved the problem while a better solution appears.

* update* try this on bootstrap.min.css

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

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Make bootstrap modal draggable and keep background usable

Bootstrap modal: background jumps to top on toggle

Bootstrap modal appearing under background

BootStrap Modal background scroll on iOS

Bootstrap 3 modal shows a transparent background

Bootstrap 3 modal background is missing

Bootstrap modal background won't disappear

Bootstrap Modal - make background clickable without closing out modal

Enable background when open Bootstrap modal popup

Background image in bootstrap modal

Bootstrap modal enable background

Enable background use with modal open in Bootstrap 4

how to create bootstrap modal with transparent background

Bootstrap modal not becoming active element on toggle, background scrolling but modal not scrolling

Bootstrap 4 Modal Background not responsive on mobile

Twitter Bootstrap Modal - Grey background but no window

Green flickering pixels that move with black images

Background image flickering in a div

Modal under background fade bootstrap

Panel background image flickering

Bootstrap modal lightbox showing scrollbar background

Not able to change the background color of bootstrap modal

bootstrap modal background black

Bootstrap modal with opacity appearing behind the background

Bootstrap Modal opens but stays in gray background and cannot close or interact with modal

Graphics glitches - red and purple flickering pixels

bootstrap btn background flickering on click when I use gradient

Bootstrap modal displays grey background

How to change background color of react bootstrap modal