I'm having trouble removing that shadow around a Bootstrap modal. With the code below I can remove:
#myModal .modal
{
overflow: hidden;
}
However, I can not manipulate anything that is "behind" even though overflow is hidden. The screen is "freed" (it only occupies the space of the modal), but I can not, for example, select text that is on the same page (outside the modal).
Thanks for the contribution, but I could not do it the way you indicated. I did so:
#myModal.modal-backdrop{
display: none;
}
#myModal.modal{
bottom: inherit;
}
It worked that way.
to remove the fade behind the modal
.modal-backdrop.in{
display: none;
}
to re-enable page overflow
.modal-open{
overflow: visible;
}
To disable the modal click, include in the modal call invocation the parameters backdrop and keyboard
//desabilita o click fora e o fechar pelo esc
jQuery('#myModal').modal({backdrop: 'static', keyboard: false});