Bootstrap Modal sitting behind backdrop – Hello Friends you're looking for a Bootstrap Modal sitting behind backdrop for your next web application, if Yes then I'll share you best Article for your next web application.
1- [Solved] <div class="modal-backdrop fade in"></div> in bootstrap Modal.....!!!!???
WhyBootstrap Modal sitting behind backdrop...?
I have used Bootstrap Modal Dialog box but is showing this type of screen I do not understand why this coming but finally I got the solution .
In My Case i just remove my in line css then is work bleow is css code
<style type="text/css">
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 7rem;
right: 100px;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 40%;
}
</style>
