背景顏色的不透明度，但不包括文本如何使跨瀏覽器(包括InternetExplorer 6)對div而文字仍然不透明？我需要在不使用任何庫(如jQuery等)的情況下這樣做。(但如果你知道一個庫，我很想知道，這樣我就可以查看他們的代碼)。
3 回答
交互式愛情
TA貢獻1712條經驗 獲得超3個贊
#Header {
position: relative;
}
#Header H1 {
font-size: 3em;
color: #00FF00;
margin:0;
padding:0;
}
#Header H2 {
font-size: 1.5em;
color: #FFFF00;
margin:0;
padding:0;
}
#Header .Background {
background: #557700;
filter: alpha(opacity=30);
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.3;
zoom: 1;
}
#Header .Background * {
visibility: hidden; // hide the faded text
}
#Header .Foreground {
position: absolute; // position on top of the background div
left: 0;
top: 0;
}
<div id="Header">
<div class="Background">
<h1>Title</h1>
<h2>Subtitle</h2>
</div>
<div class="Foreground">
<h1>Title</h1>
<h2>Subtitle</h2>
</div>
</div>
- 3 回答
- 0 關注
- 410 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消