                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

是否有灰色背景modal-backdrop怎么用？

modal-backdrop

124098263

2016-12-27

源自：玩转Bootstrap（基础） 8-9

关注问题我要回答

7357

操作

收起

3 回答

酷得被雷劈回答被采纳 +3 积分
2016-12-27

其实是data-backdrop, 不是modal-backdrop, 弹出模态框时有个灰色的背景，默认data-backdrop等于true，就是点击灰色背景层时模态框会关闭，当data-backdrop等于static时，点击灰色背景层是不会关闭的

1 回复有任何疑惑可以回复我~

收起回答

124098263 提问者

你说的我已经懂了，但是我就是不想要后面的灰色背景，这要怎么设置呢？

2016-12-27 回复有任何疑惑可以回复我~

酷得被雷劈回复 124098263 提问者

这个简单，当模态框弹出时会添加了一个这样的蒙层样式“modal-backdrop”的div层，只不过他默认情况下是全屏黑色的。所以我们可以在页面添加 <style> .modal-backdrop{ background:none; } </style>

2016-12-28 回复有任何疑惑可以回复我~

124098263 提问者

回复酷得被雷劈:懂了，谢谢~~

2016-12-29 回复有任何疑惑可以回复我~

ZAthena
2018-03-30

不想要默认灰色背景 data-backdrop="false"

0 回复有任何疑惑可以回复我~

收起回答

酷得被雷劈
2016-12-27

<div class="modal" id="mymodal" data-backdrop="true">
...
</div>

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314546 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

进入课程

本课相似问答

3 回答背景颜色怎么设置

2 回答本地运行没有背景色是怎么回事？

4 回答下拉背景怎么改为黑色？

2 回答在代码区怎么没看见modal-backdrop这个类的蒙层样式

搜索更多本课相关问答

是否有灰色背景modal-backdrop怎么用？

我要回答关注问题

热搜

最近搜索清空

是否有灰色背景modal-backdrop怎么用？

3 回答

本课相似问答

是否有灰色背景modal-backdrop怎么用？