Twitter bootstrap 如何使用CSS显示引导模式，CSS也会屏蔽屏幕的其余部分

对不起，我是新手

我想使用CSS类而不是JavaScript来显示一个模式（在使用ASP.NET UpdatePanels的特定情况下更容易）

我可以简单地通过以下方式实现：

<div id="popup" class="modal show">

但是我希望屏幕的其余部分被阻塞并变灰，就像使用JavaScript.modal（“show”）方法一样

我尝试添加data background=“static”，但没有任何效果

---

有办法做到这一点吗？

单独使用类是不可能的

如果您使用

modal background

类将模态包装到另一个元素中，则会出现此问题

<div class="modal-backdrop">
    <div id="myModal1" class="modal show" tabindex="-1" role="dialog">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3>Standard Selectpickers</h3>
        </div>
        <div class="modal-body">

            <select class="selectpicker" data-container="body">
                <option>Mustard</option>
                <option>Ketchup</option>
                <option>Relish</option>
            </select>

        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Save changes</button>
        </div>
    </div>
</div>

×
标准选择器
芥末
番茄酱
喜欢
接近
保存更改

我正在使用ui-bootstrap-tpls.js，对我有效的是，我在整个项目中搜索了fade，并在提到的文件中找到了3个设置此项的位置

我查看了查找结果，发现其中两个更改在模态上进行，另一个更改在工具提示动画上设置。注意下面代码中的差异

'uib-modal-animation-class': 'fade'
'tooltip-animation-class="fade"'

为了解决这个问题，我为uib模式添加了show类

'uib-modal-animation-class': 'fade show'

---

非常感谢你。我最后添加了“淡入”类以使其透明，并没有包装弹出窗口，因为它也使弹出窗口透明。我最终得到了