jQuery CSS 不透明度

Posted 2023-02-18

【中文标题】jQuery CSS 不透明度

【英文标题】：jQuery CSS Opacity

【发布时间】：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% 不透明度呢？还是我错过了什么？很高兴看到一个可行的例子。

【参考方案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';