具有活动背景的Bootstrap Modal,在外部单击时不应关闭

我正在设计一个坚持移动屏幕底部的模态,为用户提供一些提示。 所以基本上(非侵入式)Modal应该有两个属性,

  • 活跃的背景(用户继续做她想做的事,不应该被迫阅读)
  • 在外面敲击/点击时,不应关闭模态

我能够同时实现这两种行为,但不能同时实现这两种行为。 我提到了这个 ,但到目前为止没有运气..

我正在使用Bootstrap 3.3.5。 这是JSFiddle ..

 Launch Modal   

在模态触发器中添加一个属性a data-backdrop="static"data-keyboard="false"

   

如果在模态外单击,这将保持活着

单击a时从页面中删除此div

  $("#idModal").on("click",function(){ // div that we need to remove //  $("div.modal-backdrop").remove(); })