Comment dim autre div en cliquant sur zone de saisie à l'aide de jQuery?

Je vais avoir 3 zone de saisie, et je voudrais luminosité de l'écran complet à l'exception de l'entrée de la boîte qui est en train d'être cliqué.
J'ai essayé ceci:
http://jsbin.com/equre3/2

Mais quand je clique sur la zone de texte à tout, y compris la zone de texte se baissée.

Sur la zone de texte, cliquez c'est ce dont j'avais besoin.

all div: opacity: .5  
contactForm div: opacity .75  
current labelTextHolder div: opacity: 1    

Aussi, quels changements dois-je faire en CSS pour que le texte d'entrée et de montrer dans une rangée.

veuillez prendre note, si vous appliquer un style(opacité) à un Élément, l'opacité s'applique également à l'enfant des Éléments
quand je vais changer l'opacité de parent, il sera bien évidemment modifier l'opacité de l'enfant, mais après ça, quand je suis l'évolution de l'opacité de l'enfant, elle doit remplacer le opacité de l'enfant. n'est' il ?
eh bien, vous avez peut-être droit 🙂 qu'est ce que le reste div éléments dans votre page ??. la configuration de chaque div de l'élément d'opacité de 0.5 et vous êtes tout simplement changer l'opacité de .labelTextHolder qu'en restant div(parents) ?
en fait, je ne pense pas que cela fonctionne de cette manière. L'opacité des cascades que vous le vouliez ou non. L'enfant utilise les parents final comme l'opacité de base. Donc, si vous définissez le parent à 0,5 et de l'enfant à 0,5, l'enfant ressemblera à 0.25

OriginalL'auteur Rakesh Juyal | 2010-09-02