how to achieve the effect of blur everything on the page and pop up a dialog box?

Question

I'm talking about html,web page

Answer 1

I'm not sure about blurring, but Lightbox might do the trick for you.

Answer 2

Lightbox, or the more technical term a "Modal Popup"

if you're using ASP.NET you can use the ModalPopupExtender withinthe AjaxToolKit

Answer 3

Thickbox

• http://jquery.com/demo/thickbox/

Fontbox

• http://www.mehdiplugins.com/misc/frontbox.htm

FancyBox

• http://fancybox.net/

FancyZoom

• http://www.cabel.name/draft1/2008/02/fancyzoom-10.html

SlimBox

• http://www.digitalia.be/software/slimbox

Shadowbox

• http://www.shadowbox-js.com/

Answer 4

There's also BlockUI plugin for the jQuery framework.

Check out the demos on the following site:

http://malsup.com/jquery/block/#demos

To use the plugin, you'll need to include the jQuery framework code. This is dead simple. You can download the jQuery code for free, and include it on your site from

http://www.jquery.com

With this and a lot of solutions given, you may need a that is hidden initally. The div becomes the content of the popup.

Answer 5

hi dear how can use ModalPopupExtender in asp.net for blurring webpage and popup a dialog box can elaborate it more .