2013-05-07 112 views
29

有什么问题?我想改变的不透明度,如果#nav .dropdisplay:block;jQuery CSS不透明度

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

试试这个jQuery('#main').css({'opacity':0.6}); – Sudz 2013-05-07 13:59:33

+0

这是一个下拉菜单吗?大概如果drop不是'display:block'就是隐藏的,为什么不把它永久设置为60%不透明?或者我错过了什么?很高兴看到一个这样的工作示例。 – 2013-05-07 14:03:39

回答

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

应该

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

更新:

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

+0

是的,发现只是在时间,但它仍然没有工作。任何其他想法? – Mike 2013-05-07 13:58:34

+5

不透明度值不应该是一个字符串,因此: 'jQuery('#main').css('opacity',0.6);' – interboy 2014-09-12 08:17:37

17

试试这个:

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

试试这个:

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

jQuery('#main').css({'filter':'alpha(opacity=60)', 'zoom':'1', 'opacity':'0.6'}); 
如果你想支持 IE7IE8

-1

尝试使用.animate而不是.css,甚至只是在不透明的一个上,并在显示器上留下.css?可能b

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