jQuery CSS 不透明度答案

【问题标题】：jQuery CSS OpacityjQuery CSS 不透明度
【发布时间】：2013-05-01 12:21:05
【问题描述】：

怎么了？如果#nav .drop 是display:block;，我想更改不透明度

jQuery(document).ready(function(){
    if (jQuery('#nav .drop').css('display') === 'block') {
        jQuery('#main').css('opacity') = '0.6';
    }
});

【问题讨论】：

试试这个 jQuery('#main').css({'opacity':0.6}) ;
这是下拉菜单吗？大概如果 drop 不是 display: block 它是隐藏的，那么为什么不将其永久设置为 60% 不透明度呢？还是我错过了什么？很高兴看到一个可行的例子。

标签： jquery css block opacity

【解决方案1】：

jQuery('#main').css('opacity') = '0.6';

应该是

jQuery('#main').css('opacity', '0.6');

更新：

http://jsfiddle.net/GegMk/ 如果您在文本框中键入。点击离开，不透明度发生变化。

【讨论】：

是的，及时发现，但还是不行。还有其他想法吗？
不透明度值不应该是字符串，所以：'jQuery('#main').css('opacity', 0.6);'

【解决方案2】：

试试这个：

jQuery('#main').css({ opacity: 0.6 });

【讨论】：

【解决方案3】：

试试这个：

jQuery('#main').css('opacity', '0.6');

或

jQuery('#main').css({'filter':'alpha(opacity=60)', 'zoom':'1', 'opacity':'0.6'});

如果要支持IE7、IE8等。

【讨论】：

【解决方案4】：

尝试使用 .animate 而不是 .css，甚至只是在不透明的部分上，然后将 .css 留在显示屏上？？可能会

jQuery(document).ready(function(){
if (jQuery('#nav .drop').animate('display') === 'block') {
    jQuery('#main').animate('opacity') = '0.6';

【讨论】：