Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.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背景(页面背景似乎通过div模糊)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用不透明度模糊div背景(页面背景似乎通过div模糊)

Javascript 使用不透明度模糊div背景(页面背景似乎通过div模糊),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的计划是使用Windows7UI,并使用CSS3重新创建它。我已经用98主题完成了,但是我希望能够更改样式表 当我需要用低不透明度模糊背景图像时,问题就出现了。这可能吗?见下文: 这很难解释,但我会给它一些最小的功能(可拖动,可调整大小等),所以我不能做两个背景黑客 使用jQuery或类似的工具可以做到这一点吗 例如,如果不使用Aero,您在使用Windows7UI时会更轻松:) 话虽如此,我建议使用 具体地说,是 这将需要大量的进一步工作,才能以您尝试的方式实际使用它,但我认为这是可能的。

我的计划是使用Windows7UI,并使用CSS3重新创建它。我已经用98主题完成了,但是我希望能够更改样式表

当我需要用低不透明度模糊背景图像时,问题就出现了。这可能吗?见下文:

这很难解释,但我会给它一些最小的功能(可拖动,可调整大小等),所以我不能做两个背景黑客

使用jQuery或类似的工具可以做到这一点吗


例如,如果不使用Aero,您在使用Windows7UI时会更轻松:)

话虽如此,我建议使用

具体地说,是


这将需要大量的进一步工作,才能以您尝试的方式实际使用它,但我认为这是可能的。

试试这个jQuery插件,它使用canvas-

好的,有一种方法适用于背景中的元素,不需要在canvas上手动重建。。。只有一个问题:目前只有firefox:P(尽管webkit也有一个bug需要添加,它正在等待标准化)

无论哪种方式,如果你想看到这项技术的aero实现,请查看以下内容(firefox中的):(我做的,如果你有任何问题,请随时提问)

诀窍是使用-moz元素作为背景,然后使用svg过滤器模糊背景(svg过滤器可以应用于新浏览器中的元素)


不管是哪种方式,除了概念证明之外,模糊实际上是不可能的。

谷歌搜索css模糊会显示一些使用过滤器的结果。可能不是你想要的,因为他们主要关注文本。这可能吗?从某种意义上说,我可以降低背景色的不透明度,并在其上设置模糊?所以div后面的东西都会模糊?你不能只在背景上设置模糊。仔细想想,我真的想不出一个方法来让重叠的窗户起作用:(除非有人想出一个大师画,否则你最好还是使用透明度,忘记模糊效果。我想我只是不会做Aero风格。谢谢你的帮助!(:欢迎使用Stack Overflow!虽然这可以从理论上回答问题,但请在此处包含答案的基本部分,并提供链接以供参考。