background:rgba()兼容性

来源:互联网 发布:王者荣耀点券充值淘宝 编辑:程序博客网 时间:2024/05/03 17:00

background:rgba(r,g,b,opacity)是设置为半透明的背景色。但是他具有兼容性,在ie浏览器里不显示背景色。

开始我以为只要单独设颜色和透明度就好了。但是你一旦用opacity和filter设置背景色,这个节点里面的元素也会透明,不单单是背景色透明了。所以还是不行。看到一种说法是利用滤镜。原文的链接在这里http://www.zhangxinxu.com/wordpress/2010/05/rgba%E9%A2%9C%E8%89%B2%E4%B8%8E%E5%85%BC%E5%AE%B9%E6%80%A7%E7%9A%84%E5%8D%8A%E9%80%8F%E6%98%8E%E8%83%8C%E6%99%AF%E8%89%B2/


解决方案是:

下面是0.5的透明度。

background:rgba(0,0,0,0.5);  

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)


startcolorstr=#7F000000  开始颜色是16进制的颜色

endcolorstr=#7F000000   结束颜色是16进制的颜色

开始和结束是在#f00000-#ffffff

原创粉丝点击