去除Bootstrap模态框背景变暗效果
2017-04-16 16:15
1006 查看
Bootstrap 模态框(Modal)插件
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模糊框效果都是如下所示的:
本人非前端工程师,在做项目的时候用到了bootstrap框架,Bootstrap的模糊框的出现会使得背景变暗,项目需要去掉模糊框的暗色背景,所以经过查阅资料后终于找到了答案。
如果需要去掉变暗的背景则需要修改bootstrap.css这个文件的.modal-backdrop,如下:
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }
修改为如下:
.modal-backdrop { opacity: 0 !important; filter: alpha(opacity=0) !important; }
之后就可以得到我们想要的效果了:
相关文章推荐
- 去除ListView点击HeadView布局有默认黄色背景效果
- BootStrap入门教程 (四) :JQuery类库插件(模态窗口,滚动监控,标签效果,提示效果,“泡芙”效果,警告区域,折叠效果,旋转木马,输入提示)
- 使用bootstrap插件实现模态框效果
- 去除BOOTSTRAP模态框半透明阴影
- bootstrap去除弹出模态框背后的阴影
- BootStrap:去除BootStrap所有圆角效果-----说真的看到圆角我就有点烦躁
- 阻止Bootstrap 模态框点击背景空白处自动关闭
- angular 实现modal windows效果(即模态窗口,半透明的遮罩层),以及bootstrap(css,components,js)的初步学习
- 去除bootstrap模态框半透明阴影
- Bootstrap 模态框在用户点击背景空白处时会自动关闭
- rails4使用bootstrap的模态框插件,结合ajax做出从弹出框选取内容返回给原页面的效果
- 去除Dialog出现时背景变暗效果的方法
- 去除BOOTSTRAP模态框半透明阴影
- Angular4_bootstrap模态框打开关闭,点击背景事件
- Bootstrap 模态框避免点击背景处关闭
- bootstrap模态框实现拖拽效果
- ajax分页效果(bootstrap模态框)
- Bootstrap模态框(Modal)实现过渡效果
- 我的Android进阶之旅------>Android如何去除GridView的按下或点击选中后的背景效果
- bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法