web-dev-qa-db-fra.com

jQuery CSS Opacity

Qu'est-ce qui ne va pas? Je veux changer l'opacité si #nav .drop est display:block;

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

devrait être

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

Mise à jour:

http://jsfiddle.net/GegMk/ si vous tapez dans la zone de texte. Cliquez loin, l'opacité change.

84
rdp

Essayez avec ceci:

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

Essaye ça:

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

ou

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

si vous voulez supporter IE7, IE8 et ainsi de suite.

15
ed1nh0

essayez d'utiliser .animate au lieu de .css ou même simplement sur l'opacité et laissez .css à l'écran? peut b

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