溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css怎么實現背景半透明但文字不透明

發布時間:2022-03-02 16:39:38 來源:億速云 閱讀:346 作者:iii 欄目:web開發

這篇文章主要講解了“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怎么實現背景半透明但文字不透明這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女