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
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
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
Vous devez vous connecter pour publier un commentaire.
Ok, c'est juste une barebones exemple...je ne vais pas à l'animer ou ajouter des étiquettes ou des entrées ou quoi que ce soit...mais voici comment cela fonctionne, en principe. La chose la plus importante à retenir à propos de la manipulation de la CSS
z-index
la propriété de n'importe quel élément avec un z-index DOIT être placé (c'est à direposition:relative
,position:absolute
, etc.):HTML (en théorie):
CSS:
jQuery:
Comme pour l'ensemble du texte et de l'entrée dans une rangée", chose, je vous recommande de regarder la modification de la
display
propriétés CSS des entrées et des étiquettes pour leur montrer inline ou inline-block si c'est réalisable au sein de votre application. Exemple:Espérons que cette aide!
Merci! Vraiment l'apprécier 🙂
ne fonctionne pas vraiment, la superposition couvre l'ensemble de la page, voici comment elle fonctionne: jsfiddle.net/a8454az7
OriginalL'auteur Trafalmadorian
Lorsque vous modifiez l'opacité d'un élément, tous les enfants auront la même opacité.
Deux options :
1 - si votre cible les navigateurs prennent en charge, utilisez rgba pour le fond de votre récipient.
2 - utiliser le positionnement absolu pour réorganiser vos éléments, de sorte que votre contenu n'est pas un enfant de votre conteneur, mais il est placé au-dessus d'elle.
OriginalL'auteur Gabriel