javascript - 如何在模糊主浏览器窗口的同时将图像显示为叠加层?

标签 javascript jquery html css image

我正在寻找一个示例,该示例展示了如何在浏览器中将图像显示为叠加层,同时使主浏览器窗口中的内容模糊/变灰,这是一个示例...

http://fstopgear.com/product/satori-exp/view

只需单击任何背包图像,然后单击浏览器的任何部分即可关闭图像。这正是我正在寻找的功能,我假设有提供此类控制的脚本或程序包?

最佳答案

有很多解决方案作为 jQuery 插件来解决这个问题。你想要的是所谓的“模态”或“覆盖”窗口。

我推荐 FancyBox:http://fancybox.net/

但也可以查看 ColorBox:http://www.jacklmoore.com/colorbox

关于javascript - 如何在模糊主浏览器窗口的同时将图像显示为叠加层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10407122/

相关文章:

javascript - 查询 typescript 中的接口(interface)

javascript - replaceChild() 移动图像仅在 javascript 中运行一次

javascript - 返回按钮不会重新触发主干应用程序

jQuery AJAX 返回 200 OK 状态,但有错误。如何查看错误的详细信息?

html - 重复部分中的图像复选框

html - 在 SVG 中居中图像

javascript - 如何访问 promise `.then` 方法之外的变量?

javascript - 我的 View 的相对 URL 路径在部署时中断

jquery - 在 JQuery datetimepicker 中设置日期和时间

html - 如何使 CSS Dropdown 的大小与其父级相同