Javascript 如何使警报周围的div变暗，如模态警报？

我需要向用户显示

警报

，我希望它是漂亮的。因此，我使用Bootstrap的alert类，并向用户显示

div

，如下所示：

<div class="alert alert-warning alert-dismissible" role="alert">
    Some text
</div>

一些文本

---

此代码仅显示一个

div

。我想要的是把所有的东西都变暗，除了这个

div

（就像Bootstrap中的modals一样）。如何执行此操作？

打开模式，仅显示警报

HTML:

---

使用内部带有警报的模态it@user1672694我尝试过，但模态类试图包装我的警报。即使我将标题、正文和页脚的大小设置为0@Fkids是的，是的。但是试着在那里找到答案。这个问题的所有答案都是链接，它们是404，我想说的不是重复的，因为这是使用Bootstrapuse这个哦，谢谢你。当我尝试这样做时，我忘记将alert的div margin设置为0。因此，正因为如此，它被莫代尔包装

<!-- 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>

.modal-content {
    height:52px
}