有没有办法模糊所有页面并使用jquery/javascript聚焦某些div？

Question

有没有办法模糊所有页面(例如设置新背景并使用z-index将其赋予前景)并使用jquery/javascript聚焦某些div(假设错误消息)？你知道任何插件用于那个目的吗？

这就是我想得到的:

Answer 1

您可以使用jQuery UI对话框并使用CSS来更改带有模糊背景图像的叠加div背景,如下所示:

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

- 要么 -

您可以使用jQuery UI对话框与此处的CSS Text blur效果混合使用:

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/