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

时间:2011-09-04 18:09:48

标签: javascript jquery background focus blur

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

这就是我想要的:

enter image description here

1 个答案:

答案 0 :(得分:8)

您可以使用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/