Est-il un moyen de brouiller la totalité de la page et de se concentrer certaines div avec jquery/javascript?

Est-il un moyen de brouiller la totalité de la page (par exemple, définir un nouveau fond et la remettre au premier plan avec z-index) et de se concentrer certaines div (disons que le message d'erreur) avec jquery/javascript? Connaissez-vous un plugin pour cette raison?

C'est ce que je veux obtenir:

Est-il un moyen de brouiller la totalité de la page et de se concentrer certaines div avec jquery/javascript?

Seulement avec HTML5, cela a été discuté ici

OriginalL'auteur Tural Ali | 2011-09-04

  1. 8

    Vous pouvez utiliser le jQuery dialogue de l'INTERFACE utilisateur et de l'utilisation des CSS pour modifier la superposition div arrière-plan avec un flou d'arrière-plan de l'image, comme ici:

    http://css-tricks.com/examples/BlurryBackgroundEffect/

    --ou--

    Vous pouvez utiliser le jQuery UI dialog mélangé avec le CSS Texte flou effet trouvé ici:

    http://motyar.blogspot.com/2010/04/blur-effect-with-css-and-jquery.html

    Cependant, je suppose que ce ne sera PAS rétro-compatible avec les navigateurs html5.

    Voici un JS fiddle pour la preuve de concept: http://jsfiddle.net/khalifah/vgGtK/

    Voici un avec le style je pense que vous voulez: http://jsfiddle.net/khalifah/7L5jG/

    Ce n'est pas mauvais, je pense que je vais être en utilisant ce sur un projet sur lequel je travaille actuellement. Retour à l'grisé de transparence pour les anciens navigateurs.
    jsfiddle.net/khalifah/7L5jG fonctionne bien, mais la première ne l'est pas. Peut-on animer la boîte de message et de le rendre modaux comme dans ces exemples jqueryui.com/demos/dialog/#modal-message ??
    Et si il n'est pas seulement du texte, mais le texte et les images sur la page? Comment pouvons-nous le flou de toutes les images et textes (html 5 prêt navigateurs) et de revenir à quelque chose comme ces exemples colorpowered.com/colorbox/core/example4/index.html# dans le cas où les vieux navigateurs?
    êtes-vous toujours là?
    Le flou des images... vous pourriez faire quelque chose comme cela, que je ne recommande pas: simurai.com/post/716453142/css3-image-blur. Cependant, il est préférable d'utiliser un flou de l'image en superposition.

    OriginalL'auteur b01