适用于所有浏览器的Opacity CSS？

Question

有人可以推荐最安全的方法,使用CSS为DIV TAG提供OPACITY VALUE吗？

埃里克

Answer 1

直接来自Css-Tricks.com(这涵盖了我能想到的一切):

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  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; 
}

或者您可以使用jQuery并在一行中完成

$('div').css({opacity:0.5});

查看http://jsfiddle.net/397jv/上的工作示例