There is a standard modal window Bootstrap, you need to leave the ability to block content (data-backdrop = "true") but remove the shading from the background while maintaining the possibility of closing the modalk by clicking on the background .

  • 2
    does changing the background color of the .modal-backdrop not suit? - teran
  • When you change the color to white, the content is still superimposed on a white translucent background (if you put background-color: none, it works as a standard shading). I thought you need to play with some field opacity and your hint came in handy. - Maryen

2 answers 2

In the background-color value none does not exist, so when you specify it, the browser skips it and returns to the previous value specified. Possible values:

 background-color: <цвет> | transparent | inherit

Therefore, set the background transparency value:

  .modal-backdrop { background-color: transparent; }

    Opacity is responsible for changing the transparency, the only thing that initially could not find which element is responsible specifically for the background and its transparency (thought .fade-in, but it causes the effect itself), following the hint in the comment:

    does changing the background color of the .modal-backdrop not suit?

    It turned out that the solution to the problem is to add to sss:

     .modal-backdrop{opacity: 0 !important;}

    Or make changes to the bootstrap files.