CSS半透明背景 文字不透明

.pic-txt{background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);} /*rgba第三个参数 透明度   startColorstr 前两位透明度 , RR 指定红色值, GG 指定绿色值, BB 指定蓝色值*/

:root .pic-txt { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr=#00000000, endColorstr=#00000000);
} /*IE9*/


  ie6-ie8 不支持rgba 用滤镜实现,而IE9既支持rgba又支持filter 所以后面句是个hacker , :root 高级浏览器可以识别 即IE9下将filter还原为不透明,免得双倍透明了

原文地址:https://www.cnblogs.com/henshui/p/3324271.html