jQuery-使元素变得“模糊”

Question

最近，我一直在为一家公司开发一个具有完整管理前端 / CMS的网站。在管理前端，不幸的是，由于安全原因，我无法向您展示，那里有一个范围列表，收集列表和设计列表。我想与jQuery进行这些工作的链接，因此单击“范围”将范围列表带到了前面并淡入了当前活动的列表，同时使其模糊。我想做到这一点，以便默认情况下，范围列表在其他列表的前面，约有50％的不透明度（Wild Guess）。但是，有50％的不透明度，您仍然可以看到其背后的文字（在其他列表中）。我希望背景中的文本（“背后”列表）是灰色和模糊的，就像我在Windows Live Mail的前面有Windows Photo Viewer窗口一样，我注意到的效果 - 状态文本A的底部右下Windows Live Mail是模糊的，很明显在后面的窗户上）。我还希望前景中的文字成为黑色和焦点。更改文本颜色很容易（Peezy Lemon Squeezy！）。我在“ jQuery Fuzzy”和类似术语上进行了快速的Google，但什么也没发现。

谁能告诉我是否有办法这样做（最好像$（Selector）.fuzz（50％）;）？

提前致谢。

问候，

理查德

Answer 1

不，您不能使用CSS或jQuery“轻松”执行此操作。

甚至没有一个复杂的解决方法，除非您考虑将表单当前状态的屏幕截图发送到服务器，然后将其发送回处理版本以显示简单。

根本没有解决方案，不是有人想要这个。如果您需要背景不会在视觉上干扰前景，只需将不透明度降低到80-90％。

Answer 2

当您期待答案时，找到无助的争吵总是令人失望的。我不会判断“模糊”一个元素的必要性 - 相反，我只是试图提供帮助。

我见过的唯一实现此效果的唯一简单方法是使用称为“扰流板警报”的jQuery插件 - http://joshbuddy.github.io/spoiler-alert/