這篇文章主要講解了“Css怎么實現(xiàn)背景色透明或半透明但內(nèi)容不透明”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Css怎么實現(xiàn)背景色透明或半透明但內(nèi)容不透明”吧！

創(chuàng)新互聯(lián)建站的客戶來自各行各業(yè)，為了共同目標(biāo)，我們在工作上密切配合，從創(chuàng)業(yè)型小企業(yè)到企事業(yè)單位，感謝他們對我們的要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。專業(yè)領(lǐng)域包括網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、電商網(wǎng)站開發(fā)、微信營銷、系統(tǒng)平臺開發(fā)。

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)
}

注意：如果容器是a標(biāo)簽的話，需要給a標(biāo)簽加上“display:block”屬性。在手機上顯示，都是用第二種樣式。

感謝各位的閱讀，以上就是“Css怎么實現(xiàn)背景色透明或半透明但內(nèi)容不透明”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Css怎么實現(xiàn)背景色透明或半透明但內(nèi)容不透明這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！