我試圖把一些內容放入一個不透明度爲0.6的內容欄。 我不希望內容(文字,視頻等)與內容欄具有相同的不透明度。我嘗試將它們放入兩個不同的div標籤中,其中一個放在另一個標籤中,但是當我這樣做時,文本不會放在內容欄上。將文字放入內容欄?
希望我解釋得不錯。
.content {
color: #ffffff;
position: relative;
z-index:1;
}
.bg {
width: 80%
opacity: .6;
background-color: #000000;
margin-left: 10%;
margin-right: 10%;
border-radius: 3px;
overflow: hidden;
}
<div class="content">
<p>Hello World!</p>
<div class="bg">
<h1>Hello world!</h1>
</div> \t
</div>
使用不同的z索引試過? – HAlexTM
嗨,這裏是確切的問題,希望它有幫助! http://stackoverflow.com/questions/10879045/how-to-set-opacity-in-parent-div-and-not-affect-in-child-div – Keff