JQuery - 使元素变得“模糊”

Question

我最近一直在为一家公司开发一个网站，该网站具有完整的管理前端/CMS。在管理前端，很遗憾，出于安全原因我无法向您展示，有一个范围列表、集合列表和设计列表。我想让这些链接与 JQuery 一起工作，因此单击“范围”会将范围列表带到前面并淡出当前活动的列表，同时使其变得模糊。我想让 Range 列表默认位于其他列表的前面，不透明度约为 50%（疯狂猜测）。但是，如果不透明度为 50%，您仍然可以看到它后面的文本（在其他列表中）。我希望背景中的文本（“后面”列表）是灰色和模糊的，就像我刚刚注意到的效果一样，如果您在 Windows Live Mail 前面有一个 Windows 照片查看器窗口 - 状态文本 a 的右下角Windows Live Mail 是模糊的，在后面的窗口上很明显）。我还希望前景中的文本是黑色的并且是焦点。更改文本颜色很容易（peezy lemon squeezy！）。我在“JQuery 模糊”和类似术语上做了一个快速的谷歌搜索，但一无所获。

谁能告诉我是否有办法做到这一点（最好像 $(selector).fuzz(50%); 一样简单）？

提前致谢。

问候，

理查德

Answer 1

当你期待一个答案时，发现一个无益的争吵总是令人失望。我不会判断“模糊化”一个元素的必要性——相反，我只是想提供帮助。

我见过的实现这种效果的唯一简单方法是使用一个名为“Spoiler Alert”的 jQuery 插件 -- http://joshbuddy.github.io/spoiler-alert/

Answer 2

不，使用 CSS 或 jQuery，您不能“轻松”地做到这一点。

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

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