css实现背景透明文字不透明

2019独角兽企业重金招聘Python工程师标准>>>

1.为了满足ui设计图我们有时候要用到背景透明文字不透明:
2.一说到透明度就回想到rgba   opacity  ie滤镜   
3.用opacity和ie滤镜会使得文字也变得透明，解决方式我以前是再做一个容器垫在下面，把opacity和ie滤镜设置在这个容器上。
4.对现代浏览器而言我们可以!很容易的利用rgba来实现背景透明文字不透明但是，项目要求兼容到ie8+
用can i use 查看ie8又不支持 rgba    怎么办？因为ie8是支持png透明图片的，我就然设计给我切了1*1像素的图用背景图片填充高就ok了这样就完美解决ie8的兼容性了，不费什么代码。
最后:因为同样的问题我是这样解决的，同事另一个前端是用的hack手段找了一段代码也解决了就把那段代码放出来```

.couser-info-item {
    width: 170px;
    height: 90px;
    margin-right: 10px;
    padding: 8px 8px 5px 15px;
    background: transparent\9;第一句必须设置
    filter:       progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);第二句
    zoom: 1\8;第三句必须设置
    background: rgba(255,255,255,0.2);第四句
    border-radius: 5px;
}
第一句，第三句，是直接写上就行
第二句和第四句需要稍微解释一下：
这个例子是实现的是北京为白色透明度为0.2（第四句）
第二句里面的#33ffffff  ffffff代表白色的十六进制，33 是ie的一个叫不上名字的什么鬼 0.2对应着33  至于0.3对应着多少 0.4 对应着多少  下面有个对比图

转载于:https://my.oschina.net/huangwenboweb/blog/686111