Geek Answers Handbook

Is there a way to blur the whole page and focus a specific div with jquery / javascript?

Is there a way to blur the whole page (for example, set a new background and bring it to the foreground using z-index) and focus a specific div (say an error message) with jquery / javascript? Do you know any plugin for this purpose?

What I want to get:

enter image description here

+5
source share
1 answer

You can use the jQuery interface dialog box and use CSS to change the background of the overlay div using a blur background image, like here:

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

- or -

jQuery UI, CSS Text, :

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

, , html5.

JS : http://jsfiddle.net/khalifah/vgGtK/

, , , : http://jsfiddle.net/khalifah/7L5jG/

+8

More articles:


All Articles