bootstrap模態體背景：無

Question

如何去除bootstrap模態體的背景顏色。我試圖用

.modal-body{ 
    background: none !important; 
} 

它不工作。

這裏是jsfiddle

Answer 1

檢查這個fiddle

.modal{ 
    background-color: transparent; 
} 

Answer 2

如果你要使用的模式作爲一個全視圖，
這fiddle是給你的。

.modal{ 
    background-color: transparent; 
    border: none; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 

Answer 3

有背景色爲.modal-backdrop，而不是.modal-body。因此，應用此：

.modal-backdrop { background: none; } 

Fiddle