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

| 有人可以推荐使用CSS为DIV标记赋值的最安全方法吗? 埃里克     
已邀请:
直接来自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;
}
    
这将适用于所有浏览器。
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/中查看工作示例     
尽管CSS 3引入了新的不透明度功能来提高透明度,但它并不支持所有浏览器。这是在所有浏览器中实现透明的CSS技巧
.transparent_class {  
 filter: alpha(opacity=50);  
 -moz-opacity: 0.5;  
 -khtml-opacity: 0.5;  
  opacity: 0.5;
}    
    

要回复问题请先登录注册