您好,登錄后才能下訂單哦!
這篇文章主要講解了“Css怎么實現背景色透明或半透明但內容不透明”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Css怎么實現背景色透明或半透明但內容不透明”吧!
1.針對IE瀏覽器
代碼如下:
.demo{
background-color:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF)
}
2.針對FF,谷歌等瀏覽器
代碼如下:
.demo{
background:transparent;<!--背景透明-->
color:#fff;<!--字體顏色-->
background-color:rgba(255,255,255,0.15)<!--最后一個參數設置透明度,前面三個是RGB顏色值-->
}
注意:如果容器是a標簽的話,需要給a標簽加上“display:block”屬性。在手機上顯示,都是用第二種樣式。
感謝各位的閱讀,以上就是“Css怎么實現背景色透明或半透明但內容不透明”的內容了,經過本文的學習后,相信大家對Css怎么實現背景色透明或半透明但內容不透明這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。