在Chrome中设置不透明度 [英] Setting Opacity in CSS For Chrome

问题描述

我尝试过以下操作：

（这实际上是为fancybox，因为重叠式广告不会显示在chrome / safari中：

  $（＃fancy_overlay）css（{< br /> 
'background-color'：opts.overlayColor， br /> 
'opacity'：opts.overlayOpacity，< br /> 
'-moz-opacity'：opts.overlayOpacity，< br /> 
'-khtml -opacity'：opts.overlayOpacity，< br /> 
'-webkit-opacity：'：opts.overlayOpacity< br /> 
}）show（）; 
  
 
 
 
还没有什么（在chrome / safari中）
 
 
 
我做错了？
解决方案
  opacity  firefox。-moz和-khtml语法仅用于支持这些浏览器的旧版本。
 
 
 
我从来没有在 -webkit-opacity 样式，似乎找不到任何说它存在的文档。我会尝试完全删除它或修复您在那里的语法错误：' -  webkit-opacity：'到' -  webkit-opacity' / code>（不带尾随冒号）。
 
 
 
如果不起作用，请尝试打印 opts.overlayOpacity 。确保它是 0.5 ，而不是 50 或 50％。
 
I've tried the following:

(this is actually for fancybox, as the overlay does not show in chrome/safari:
   $("#fancy_overlay").css({<br />
                    'background-color': opts.overlayColor,<br />
                    'opacity': opts.overlayOpacity,<br />
                    '-moz-opacity': opts.overlayOpacity,<br />
                    '-khtml-opacity': opts.overlayOpacity,<br />
                    '-webkit-opacity:' : opts.overlayOpacity<br />
    }).show();
And still nothing (in chrome/safari)

What am I doing wrong?
解决方案
opacity should work for chrome/safari/firefox. The -moz and -khtml syntaxes are only used to support the much older versions of these browsers.

I've never run across the -webkit-opacity style before and can't seem to find any documentation that says it exists. I would try removing it entirely or fixing the syntax bug you have in there: '-webkit-opacity:' to '-webkit-opacity' (without the trailing colon).

If that doesn't work try printing the value of opts.overlayOpacity. Make sure it's something like 0.5 and not 50 or 50%.

                        
这篇关于在Chrome中设置不透明度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！