bootstrap弹框去除遮罩层效果

Posted youcong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap弹框去除遮罩层效果相关的知识,希望对你有一定的参考价值。

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

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

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

alpha和opacity区别是什么?

相同点:
都是值为0表示完全透明,值为1表示完全不透明。

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

以上是关于bootstrap弹框去除遮罩层效果的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap使用模态框当弹出两层的时候,遮罩层会把原有的透明度减少。

bootstrap使用模态框当弹出两层的时候,遮罩层会把原有的透明度减少。

easyUI弹框被遮罩层遮挡

element ui 弹出组件的遮罩层以及多层遮罩解决办法

针对遮罩层遮挡不完全的解决方法

解决遮罩层下面的内容仍可滑动问题