[英]Transparent background on DIV
當我使用此代碼時,為什么內部DIV也變得透明?
我的計划是讓文字可見透明的背景。
我是否必須將內部div漂浮在透明div上?
你可以在這里看到現場演示: http : //jsfiddle.net/pBAf5/
HTML
<div class="openinghours floatRight">
<div class="content">My test goes here</div>
</div>
CSS
.openinghours {
height: 70px;
width: 300px;
padding: 10px;
font-size: 0.85em;
background-color: #f6f6f6;
border: solid 1px #c7c7c7;
margin-right: 20px;
margin-top: 5px;
opacity: .5;
filter: alpha(opacity=50);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
使用rgba或透明png,或將內部文本移動到不透明度div的兄弟節點。
不透明度屬性不僅會影響父div,還會影響子div。 要達到您想要的效果,您需要在父div上使用透明背景。 這可以通過使用RGBA作為父div的背景顏色(不是完全跨瀏覽器)或使用透明PNG作為父div的背景圖像來完成。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.