3

Estou com dificuldades para remover aquela sombra que fica ao redor de uma modal Bootstrap. Com o código abaixo eu consigo remover:

#myModal .modal
{
    overflow: hidden;
}

Porém, não consigo manipular nada que está "atrás", mesmo estando oculto o overflow. A tela fica "liberada" (ocupa apenas o espaço da modal), mas não consigo, por exemplo, selecionar um texto que está na mesma página (fora do modal).

2 Respostas 2

3

para remover o fade que está atrás do modal

.modal-backdrop.in{
  display: none;
}

para habilitar novamente o overflow da página

.modal-open{
  overflow: visible;
}

para desabiltiar o click no modal, inclua na chamada de abertura do modal os parametros backdrop e keyboard

//desabilita o click fora e o fechar pelo esc
jQuery('#myModal').modal({backdrop: 'static', keyboard: false});
1

Obrigado pela contribuição, mas não consegui da forma que indicou. Fiz assim:

#myModal.modal-backdrop{
    display: none;
    }

#myModal.modal{
    bottom: inherit;
    }

Funcionou dessa forma.

3
  • Que bom que funcionou... para exemplificar o que disse, coloquei neste link.
    – h3nr1ke
    21/09/2015 às 21:28
  • eu tinha colocado uma classe a mais no modal-backdrop, talvez foi isso que não funcionou... no exemplo já está certinho...
    – h3nr1ke
    21/09/2015 às 21:35
  • Obrigado @h3nr1ke 22/09/2015 às 13:26

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .