paramètre Opacité en CSS pour Chrome

Question

J'ai essayé ce qui suit:

(ce qui est pour fancybox, comme la superposition ne montre pas en chrome/safari:

$("#fancy_overlay").css({<br /> 
        'background-color': opts.overlayColor,<br /> 
        'opacity': opts.overlayOpacity,<br /> 
        '-moz-opacity': opts.overlayOpacity,<br /> 
        '-khtml-opacity': opts.overlayOpacity,<br /> 
        '-webkit-opacity:' : opts.overlayOpacity<br /> 
    }).show(); 

Et toujours rien (en chrome/safari)

Qu'est-ce que je fais mal?

Answer 1

opacity devrait fonctionner pour chrome/safari/firefox. syntaxes de -moz et -khtml ne sont utilisés que pour soutenir le plus vieux versions er de ces navigateurs.

Je ne l'ai jamais couru à travers le style -webkit-opacity avant et ne peut pas sembler trouver toute la documentation qui dit qu'il existe. Je voudrais essayer de le retirer entièrement ou corriger le bug de syntaxe que vous avez là-bas: '-webkit-opacity:'-'-webkit-opacity' (sans les deux points de fuite).

Si cela ne fonctionne pas essayez d'imprimer la valeur de opts.overlayOpacity. Assurez-vous qu'il est quelque chose comme 0.5 et non 50 ou 50%.