Bootstrap modal fade problem solution

Sometimes Bootstrap modal popup will get fade problem (grey fade under background). This problem happens at if the modal container has a position style like fixed or relative with in an element. Even if you are using code straight from bootstrap example.

Solutions:

You can move modal out these containers before displaying it.
$('#modalid').appendTo('body').modal('show');


Setting .modal-backdrop class style z-index to -1
.modal-backdrop{
   z-index:-1;
}