使用jQuery实现完整网页的跨浏览器模糊

使用jQuery实现完整网页的跨浏览器模糊,jquery,blur,Jquery,Blur,我有一个问题,我找不到令人满意的解决办法 我需要添加一个覆盖到我的页面,当用户点击链接时显示。显示叠加时,所有其他内容都应模糊。这需要跨浏览器、无flash,并且适用于具有任意内容(即图像、文本、样式化html元素等)的网页 我在谷歌上搜索过,但我能找到的只是一些显示文本模糊效果、不同元素或其他的解决方案。我知道blur.js,但这似乎不起作用 有什么简单的方法可以使整个网页变得模糊吗?我更喜欢在jquery中这样做,因为css3不完全是跨浏览器的…您可以使用colorbox lighbox(一

我有一个问题,我找不到令人满意的解决办法

我需要添加一个覆盖到我的页面,当用户点击链接时显示。显示叠加时,所有其他内容都应模糊。这需要跨浏览器、无flash,并且适用于具有任意内容(即图像、文本、样式化html元素等)的网页

我在谷歌上搜索过,但我能找到的只是一些显示文本模糊效果、不同元素或其他的解决方案。我知道blur.js,但这似乎不起作用


有什么简单的方法可以使整个网页变得模糊吗?我更喜欢在jquery中这样做,因为css3不完全是跨浏览器的…

您可以使用colorbox lighbox(一个用于jquery的轻量级可定制的lightbox插件),它非常容易使用,并且有很多功能


你可以简单地使用一个遮罩,这样页面就不可读了。类似于我希望你们已经看到了[在所有浏览器中都能工作,包括IE8+]是的,我已经做到了。我有这个覆盖层,它有点透明。但我现在需要的是,我仍然可以通过这个覆盖层看到的其余网页内容变得模糊。就像photoshop或gimp中使用的效果一样,前面的答案是对罗伊·芬利评论的回应。拉凯什:非常感谢!foggy()很好用!!!