bootstrap如何去掉遮罩层

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

bootstrap如何去掉遮罩层

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如何去掉遮罩层的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:电脑桌面上的文件怎么发送到微信?
下一篇:bootstrap怎么适配手机屏幕

发表评论

关闭广告
关闭广告