Css怎么实现背景色透明或半透明但内容不透明

这篇文章主要讲解了“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)
}


注意:如果容器是a标签的话,需要给a标签加上“display:block”属性。在手机上显示,都是用第二种样式。

感谢各位的阅读,以上就是“Css怎么实现背景色透明或半透明但内容不透明”的内容了,经过本文的学习后,相信大家对Css怎么实现背景色透明或半透明但内容不透明这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网页名称:Css怎么实现背景色透明或半透明但内容不透明
链接分享:http://pwwzsj.com/article/pphdos.html