Javascript 如何启用模态的背景阴影?
我已经为注册和登录创建了一个引导模式。我发现,当模式弹出时,背景不会像我使用引导模式时那样自动阴影。我无法找到原因。 我想背景是有点暗,当模态打开,以便用户可以集中在模态的内容只。我还想模态的位置,以屏幕的中心。谁能告诉我怎么做 以下是我的模式代码Javascript 如何启用模态的背景阴影?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经为注册和登录创建了一个引导模式。我发现,当模式弹出时,背景不会像我使用引导模式时那样自动阴影。我无法找到原因。 我想背景是有点暗,当模态打开,以便用户可以集中在模态的内容只。我还想模态的位置,以屏幕的中心。谁能告诉我怎么做 以下是我的模式代码 <!-- Modal --> <div class="modal reg_modal " id="regestration" tabindex="-1" role="d
<!-- Modal -->
<div class="modal reg_modal " id="regestration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog" id="reg_outer_div" data-backdrop="true" >
<div class="modal-content " style="background: white;width:700px;">
<div class="modal-header" id ="reg_modal_header" style="">
<button type="button" class="close reg" id ="reg_close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" align="center" style="color:white;" id="reg_log_modal_header_text"> </h4>
</div><!--/header-->
<div class="modal-body" style="background: white;" id="regmodal_body">
</div><!-- /end modal body-->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
&时代;
您的代码似乎工作正常
<a data-toggle="modal" href="#regestration" class="btn btn-primary btn-large">Launch demo modal</a>
<div class="modal reg_modal " id="regestration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-dialog" id="reg_outer_div" data-backdrop="true" >
<div class="modal-content " style="background: white;width:700px;">
<div class="modal-header" id ="reg_modal_header" style="">
<button type="button" class="close reg" id ="reg_close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" align="center" style="color:white;" id="reg_log_modal_header_text"> </h4>
</div><!--/header-->
<div class="modal-body" style="background: white;" id="regmodal_body">
</div><!-- /end modal body-->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
&时代;
检查小提琴
检查您是否没有包括jquery对话框
请参阅文档