![](/img/trans.png)
[英]How to darken a DIV surrounding using JQuery (lightbox-like, but no pop-up)?
[英]How to darken the div surrounding an alert like a modal?
我需要向用户显示alert
,我希望它很漂亮。 所以我使用Bootstrap的警报类 ,并向用户div
显示如下:
<div class="alert alert-warning alert-dismissible" role="alert">
Some text
</div>
这段代码只显示了一个div
。 我想要的是让所有东西变暗,除了这个div
(就像Bootstrap中的模态一样)。 我怎样才能做到这一点?
打开模态,仅显示警报。
http://jsfiddle.net/phLg32eL/1
HTML:
<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Open alert
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="alert alert-warning alert-dismissible" role="alert">
Some text
</div>
</div>
</div>
</div>
CSS:
.modal-content {
height:52px
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.