title: How to remove background fading when modal box is opened
body: <p>How to remove modal background fade when modal is opened,I have a screen in which when a modal is opened it should get the scroll on background but which is hidden in my case.Can any one please suggest help.Thanks.</p>
  
  <p><a href="https://i.stack.imgur.com/IOcdN.png" rel="nofollow noreferrer">screen</a></p>
  
  <pre><code> &lt;div class="modal fade registermodal" id="login-register-model" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-body paddingbody"&gt;
              &lt;div class="modal-content"&gt;
                       &lt;div class="modal-body paddingmodal2"&gt;
                           &lt;form id="login-form" name="loginForm" ng-if="showLoginForm" class="nobottommargin" novalidate=""&gt;
                           &lt;div class="text-center social-login-sec"&gt;
                           &lt;a class="col-xs-12 btn btn-primary social-login-btn"  id="facebook_login" rel='nofollow' href="/auth/facebook" target="_self" data-ng-click="onClickSocialBtn();"&gt;Facebook&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>css</p>
  
  <pre><code>.modal-backdrop {
      z-index: 0;
   }
  </code></pre>