CSS设置元素背景为透明

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS设置元素背景为透明相关的知识,希望对你有一定的参考价值。

IE浏览器下设置元素css背景为透明:

background-color: rgb(0, 0, 0);  
filter: alpha(opacity=20);  

 非IE浏览器下设置元素css背景为透明:

background-color: rgba(0, 0, 0, 0.2);

 

兼容各类浏览器设置css背景为透明办法,即两者合并设置css:

 (ie 不支持 rgba,所以rgba不会起作用)

background-color: rgb(0, 0, 0);  
filter: alpha(opacity=20);  
background-color: rgba(0, 0, 0, 0.2);  

另:RGB与16进制色互转网站:http://11.1m86.com/

 

以上是关于CSS设置元素背景为透明的主要内容,如果未能解决你的问题,请参考以下文章

CSS中为啥我设置了背景为半透明,连字体都透明了

设置div背景透明的方法?

我用css 中的opacity 设置元素背景的透明度 后发现该元素的内容透明度也跟着变化 怎样取消该内容的透明度

css中如何使透明度渐变

CSS如何只改变父元素背景透明度不改变子元素透明度

css在灰色透明的背景下,如何才能使上面的字的颜色为白色?