JQuery - faire un aller élément « floue »

Question

J'ai récemment mis au point un site web pour une entreprise, avec une extrémité avant pleine d'administration / CMS. Dans le frontend Admin, qui, malheureusement, je ne peux pas vous montrer, pour des raisons de sécurité, il y a une liste Range, liste Collection et la liste de conception. Je voudrais faire les liens pour ces travaux avec JQuery, si vous cliquez sur « Portées » apporte la liste portée à l'avant et se fane la liste active, rendant floue en même temps. Je voudrais faire en sorte que la liste Range se trouve en face des autres listes par défaut, à environ 50% d'opacité (conjecture sauvage). Cependant, avec une opacité de 50% vous encore être en mesure de voir le texte derrière (dans les autres listes). Je voudrais que le texte en arrière-plan (le « derrière » listes) être gris et floue, comme l'effet que je viens de remarquer si vous avez une fenêtre Visionneuse de photos Windows en face de Windows Live Mail - le texte d'état un du bas à droite de windows live mail est floue, et bien évidemment sur le derrière de la fenêtre). Je voudrais aussi que le texte au premier plan d'être noir et la mise au point. Changer la couleur de texte est facile (peezy citron squeezy!). Je l'ai fait un Google rapide sur « JQuery floue » et autres termes similaires, mais rien trouvé.

Quelqu'un peut-il me dire s'il y a une façon de le faire (de préférence aussi simple que $ (sélecteur) .fuzz (50%);)?

Merci à l'avance.

Cordialement,

Richard

Answer 1

Non, vous ne pouvez pas le faire « facilement », soit avec CSS ou jQuery.

Pas même une solution complexe, à moins que vous envisager d'envoyer une capture d'écran de l'état actuel de la forme à un serveur, puis l'avoir renvoyer une version traitée à l'affichage, simple.

Il est tout simplement pas une solution, pas que quelqu'un voudrait cela. Si vous avez besoin l'arrière-plan pour ne pas visuellement interférer avec l'avant-plan, il suffit de réduire l'opacité à quelque chose comme 80-90%.

Answer 2

Il est toujours décevant de trouver une querelle inutile quand vous attendez une réponse. Je ne vais pas juger de la nécessité de « Rendre confus » un élément -. À la place, je vais juste essayer d'être utile

La seule façon facile que je l'ai jamais vu pour obtenir cet effet est d'utiliser un jQuery plugin appelé « Spoiler Alert » - http://joshbuddy.github.io/spoiler-alert/