Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 主动模糊div后面的所有内容_Javascript_Html_Css_User Interface_Blur - Fatal编程技术网

Javascript 主动模糊div后面的所有内容

Javascript 主动模糊div后面的所有内容,javascript,html,css,user-interface,blur,Javascript,Html,Css,User Interface,Blur,有很多JS库SVG/CSS技巧使div层的背景变得模糊。但他们都做的是模糊一帧,并在未模糊层上揭去模糊部分的遮罩。如果将新元素(如文本或图像)拖动到始终位于顶部的图层后面,则它不会主动模糊其后面的任何内容。我希望实现一个与Windows 7 Aero主题相同的功能。目前只有在IE10+中,使用SVG过滤器和背景图像伪输入的SVG内容才能实现这一功能。没有其他浏览器支持SVG 1.1规范中指定的内容背景上的过滤操作 这在通用HTML内容的任何地方都是不可能的。只需根据需要更新模糊?你可以在几乎任何

有很多JS库SVG/CSS技巧使div层的背景变得模糊。但他们都做的是模糊一帧,并在未模糊层上揭去模糊部分的遮罩。如果将新元素(如文本或图像)拖动到始终位于顶部的图层后面,则它不会主动模糊其后面的任何内容。我希望实现一个与Windows 7 Aero主题相同的功能。

目前只有在IE10+中,使用SVG过滤器和背景图像伪输入的SVG内容才能实现这一功能。没有其他浏览器支持SVG 1.1规范中指定的内容背景上的过滤操作


这在通用HTML内容的任何地方都是不可能的。

只需根据需要更新模糊?你可以在几乎任何模糊库的基础上构建它。我还没有看到任何实际的例子。我甚至不确定它的可行性。我尝试了许多相关的库,它们没有为我提供这个特定的解决方案。我并不认为这是一个你必须合作的平台,或者你只会问“我的代码中的错误在哪里”之类的问题。也许我只需要一个一些人知道的图书馆,或者甚至有人来讨论我想要实现的目标的可行性。快速的谷歌搜索会发现很多解决方案,实际上可以做到这一点。无论哪种方式,如果它要求我们找到一个非现场工具或脚本,这都是一个离题的地方。这是一个讨论事情或询问工具的好地方。正如尼特所指出的,这并不是推荐东西。