CSS
filter:alpha(opacity=50); /*支持 IE 浏览器*/-moz-opacity:0.50; /*支持 FireFox 浏览器*/opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/以上代码如果用在div上，且div中还有内容，则会导致里面的内容也半透明化，解决方案是：内容不要放在此div中，即内容不要在div内，可以和此div同级，用另一个div覆盖透明div。如：
CSS.透明{ filter:alpha(opacity=50); /*支持 IE 浏览器*/ -moz-opacity:0.50; /*支持 FireFox 浏览器*/ opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/}<div class="我是big"> <div class="透明"></div> <div class="内容"></div> </div>另外：如果只是纯颜色透明的话，可以简单的使用：background-color: rgba(255,255,255,0.5); 这种样式的。
转载于:https://www.cnblogs.com/FallenAngle/p/6511865.html