CSS创建一个透明的div

Question

有没有办法让div HTML元素半透明？

Answer 1

使用CSS,这是跨浏览器解决方案

div {
    opacity: 0.5;
    filter: alpha(opacity = 0.5);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
}

Answer 2

这适用于每个浏览器

div {
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:”alpha(opacity=50)”;
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 
}

如果您不希望透明度影响整个容器及其子容器,请检查此解决方法http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/

Answer 3

使用半透明的背景 PNG 文件，并希望不必支持 IE6？