bootstrap怎樣去掉遮罩層

發(fā)布時(shí)間：2020-11-10 10:10:13 來(lái)源：億速云閱讀：207 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)bootstrap怎樣去掉遮罩層的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

bootstrap去掉遮罩層的方法：首先打開(kāi)相應(yīng)的css文件；然后修改代碼內(nèi)容為“.modal-backdrop {filter: alpha(opacity=0)!important;opacity: 0!important;}”即可。

bootstrap彈框去除遮罩層效果

是通過(guò)css解決這個(gè)問(wèn)題,核心css代碼如下:

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

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

alpha和opacity區(qū)別是什么?

相同點(diǎn):

都是值為0表示完全透明，值為1表示完全不透明。

不同點(diǎn):

alpha可以應(yīng)用元素特定的屬性，只能作用于當(dāng)前元素，其子元素不能繼承，而opacity不僅僅作用于當(dāng)前元素，也會(huì)影響子元素及其子子元素，具有繼承性。

感謝各位的閱讀！關(guān)于bootstrap怎樣去掉遮罩層就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡