CSS背景颜色透明度兼容

  • Post author:
  • Post category:其他


chrome( 73.0.3683.86)和Firefox(66.0.1 )中调试

rgb(255,255,255,0.1)

可以只使背景色透明

360浏览器,IE11,IE6、7、8 均不行

360浏览器获取与当前IE同版本的内核,所以调好IE即可。

IE11中设置

rgba(255,255,255,0.8)

即可

IE6、7、8 中用IE专属滤镜 filter:Alpha(opacity=x),x 的取值从 0 到 100,如filter:Alpha(opacity=80)

设置


*zoom:1;

( 激活IE6、7的haslayout属性,让它读懂Alpha )


filter:Alpha(opacity=50);

( 只支持IE6、7、8、9 )

PS:css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8(会使整体透明)


参考



版权声明:本文为Fimooo原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。