自舉模態背景黑色

當我打開模態後，背景變黑，而不是具有0.5或不透明度的東西。自舉模態背景黑色

我能做些什麼來解決這個問題？我用引導3.2

這裏是一些CSS：

.fade.in { 
opacity: 1; 
} 
.modal-open .modal { 
overflow-x: hidden; 
overflow-y: auto; 
} 
.fade { 
opacity: 0; 
-webkit-transition: opacity .15s linear; 
-o-transition: opacity .15s linear; 
transition: opacity .15s linear; 
} 
.modal { 
position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
z-index: 1050; 
display: none; 
overflow: hidden; 
-webkit-overflow-scrolling: touch; 
outline: 0; 
} 
* { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 

body { 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 14px; 
line-height: 1.42857143; 
color: #333; 
background-color: #fff; 
}

我.fade.in改變不透明度爲0.5，它的工作，但該模式本身是trasparent！

來源

2014-11-20 Rachid Oussanaa

這是否發生在所有瀏覽器？你可以發佈你的CSS？ – alex 2014-11-20 22:22:42

默認情況下，這應該工作正常。同意，瀏覽器？檢查.modal-backdrop.in上的不透明規則是否被任何內容覆蓋。 – 2014-11-20 22:26:36

@AaronJones是的，它工作，但當我改變了一些代碼是這樣的 – 2014-11-20 22:35:28

對於引導版本3的.fade.in透明度應設置爲1，並啓動模式時，則.modal-backdrop.in應設置爲.5至少這是上正在開箱即用的自舉使用的代碼。

來源

2014-11-20 22:38:24 crazymatt

是的你是對的 – 2014-11-20 22:50:58

自舉模態背景黑色

回答

相關問題