有没有办法模糊所有页面并使用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/