您當(dāng)前位置：首頁 > web前端 > htmlcss > CSS 背景透明而文字不透明的方法代碼

CSS 背景透明而文字不透明的方法代碼

來源：程序員人生發(fā)布時間：2014-06-07 15:19:00 閱讀次數(shù)：2774次

　　本文要介紹的是CSS 背景透明而文字不透明的效果，本實現(xiàn)方法支持多個瀏覽器，包括：IE、Firefox、Chrome、Opera 等。

　　實例代碼如下：

<html>
<title>透明 - Liehuo.Net</title>
<head>
<style>
#container {
color: #154BA0;
background: #ff0000;
filter: Alpha(Opacity=10, Style=0);
opacity: 0.10;
position: absolute;
height: 200px;
width:500px;
z-index:20;
}

#text {
position: absolute;
height: 200px;
width:500px;
text-align:center;
z-index:30;
}
</style>
</head>
<body >
<div id="container"></div>
<div id="text">背景半透明但文字不透明</div>
</body>
</html>

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 IIS自動停止關(guān)閉及應(yīng)用程序池假死自動重啟的問題

下一篇 ADODB連接access是出現(xiàn) 80004005 錯誤的解決方法

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

CSS 背景透明而文字不透明的方法代碼