• 技术文章 >web前端 >Bootstrap教程

    bootstrap如何去掉遮罩层

    藏色散人藏色散人2020-11-17 15:31:02原创696

    bootstrap去掉遮罩层的方法:首先打开相应的css文件;然后修改代码内容为“.modal-backdrop {filter: alpha(opacity=0)!important;opacity: 0!important;}”即可。

    推荐:《bootstrap教程

    bootstrap弹框去除遮罩层效果

    是通过css解决这个问题,核心css代码如下:

    .modal-backdrop {
    filter: alpha(opacity=0)!important;
    opacity: 0!important;
    }

    alpha和opacity通常是决定透明度。

    alpha和opacity区别是什么?

    相同点:

    都是值为0表示完全透明,值为1表示完全不透明。

    不同点:

    alpha可以应用元素特定的属性,只能作用于当前元素,其子元素不能继承,而opacity不仅仅作用于当前元素,也会影响子元素及其子子元素,具有继承性。

    以上就是bootstrap如何去掉遮罩层的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:bootstrap
    上一篇:bootstrap less是什么 下一篇:bootstrap如何实现圆角
    线上培训班

    相关文章推荐

    • Bootstrap 5 Alpha发布啦!不再依赖jQuery,放弃支持IE• 快速入门BootstrapVue• 谈谈初学Bootstrap需掌握的知识点• less百行代码实现bootstrap栅格布局

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网