做一個特定的div背景在引導模式透明

這是我的HTML（引導）文件：做一個特定的div背景在引導模式透明

<div modal="showModal" close="cancel()"> 
    <div class="modal-header text-center"> 
     <h2>Members who shortlisted you </h2> 
    </div> 
    <div class="modal-body"> 
     <img src="kitty.jpg"/> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn btn-success" ng-click="ok()">Okay</button> 
     <button class="btn" ng-click="cancel()">Cancel</button> 
    </div> 
</div>

我要讓模態頭部分透明的背景，這樣我可以看到文字和圖片在彈出窗口後面。我已經嘗試了以下CSS：

.modal-header { 
    background-color: #000000; 
}

，但它不工作，如果有人能幫助我，那麼它的偉大

來源

2015-12-04 DragonKumar

opacity將幫助您淡出文本，而不是使一個特殊的div透明 – DragonKumar

@RoryMcCrossan'不透明度'不同於'background-color'。 –

@AJAYKUMAR在這種情況下，我已經更新了您的問題，具體說明只是想讓背景變得透明。 –

background-color: #000000;是不是透明的。

嘗試background-color:transparent（這將是默認值）。

或者:background-color:rgba(0,0,0,0)。

但是你應該注意到，這將只顯示父div的背景....無論如何。

來源

2015-12-04 09:29:52

對不起，它不工作。申請rgba（0,0,0,0）使背景白色不透明 – DragonKumar

你可能看到的是**父**的背景，我期望它是白色的。你不能在背景中「打洞」。 –

你正確和使用檢查元素，當我刪除背景顏色部分，然後它工作正常，但不是在CSS中。 – DragonKumar

background-color: #000000不會使背景變得透明，它只會將background-color設置爲black。

可以使用的3件事情：

background-color: transparent - 設置背景顏色爲透明

background-color: rgba(0, 0, 0, 0) - 最後0套opacity到0

opacity: 0 - 設置整體的opacity div to 0

來源

2015-12-04 09:32:06 Druzion

對不起，它不工作。申請rgba（0,0,0,0）使背景白色不透明 – DragonKumar

做一個特定的div背景在引導模式透明

回答

相關問題