Непрозрачность CSS jQuery

Что случилось? Я хочу изменить непрозрачность, если #nav .drop есть display:block;

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

Ответ 1

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

должен быть

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

Update:

http://jsfiddle.net/GegMk/, если вы введете текстовое поле. Нажмите кнопку мыши, измените прозрачность.

Ответ 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 на дисплее? может b

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