我如何通过使用HTML，CSS和JavaScript来实现这种效果（请参阅内部）？

Question

我现在有答案。 请投票关闭该问题。 非常感谢你。

就像您在Google Chrome设置中单击“清除浏览数据”一样。 后面的屏幕模糊，然后出现“清除浏览数据”窗口。 除非您关闭“清除”浏览数据，否则您现在无法返回到模糊的设置。 我不知道这种效果叫什么或怎么做。

请提供建议或提供参考。

谢谢。

Answer 1

如果浏览器支持，则可以使用css3过滤器：

div {
  -webkit-filter: blur(2px);
}

对于对话框，请查找“模态对话框”。 然后，可以根据对话框是打开还是关闭来用类切换css。

模糊演示： http : //jsbin.com/atisiz/1/edit