CSS-请问这种页面透明效果是怎么实现的啊??而且还浏览器兼容

Question

请问一般如何实现这样的效果啊??
我试验过了 IE7 chrome都有效果

Answer 1

楼上的css是整个元素呈现半透明，不适用于仅背景半透明
背景半透明有两种方法(兼容常见浏览器)
1.用纯CSS实现
用background-color:rgba(255,255,255,.5)来兼容标准浏览器及ie9以上
用filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#88FFFFFF , endColorStr=#88FFFFFF)
filter中颜色为AARRGGBB模式
2.用png24图片+滤镜兼容 (我常用的方法)
保存一张透明的背景图，用background:url(图片) 兼容ie7以上及标准浏览器
仅针对ie6使用上面的滤镜
完整写法:
/* 加前缀 _ 来让该属性仅针对ie6识别 */
background:url(图片) repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#88FFFFFF , endColorStr=#88FFFFFF)

Answer 2

用png透明图片可以，css也可以，如下：

div {
filter:alpha(opacity=50); /* ie，透明程度取决于opacity的值 */
opacity:0.5; /* 其他主流浏览器，透明程度同上 */
}