Rumah  >  Artikel  >  hujung hadapan web  >  bootstrap如何去掉遮罩层

bootstrap如何去掉遮罩层

藏色散人
藏色散人asal
2020-11-09 09:39:533247semak imbas

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

bootstrap如何去掉遮罩层

推荐:《bootstrap教程

bootstrap弹框去除遮罩层效果

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

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

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

alpha和opacity区别是什么?

相同点:

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

不同点:

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

Atas ialah kandungan terperinci bootstrap如何去掉遮罩层. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:bootstrap less是什么Artikel seterusnya:bootstrap如何实现圆角