這篇文章主要講解了“css怎么實現背景半透明但文字不透明”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css怎么實現背景半透明但文字不透明”吧!
具體代碼:
<title>背景半透明但文字不透明</title>
<head>
<style>
body{background: #40ed90;}
#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>感謝各位的閱讀,以上就是“css怎么實現背景半透明但文字不透明”的內容了,經過本文的學習后,相信大家對css怎么實現背景半透明但文字不透明這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。