jQuery-要素を「ファジー」にする

Question

私は最近、完全な管理フロントエンド / CMSを備えた会社のウェブサイトを開発しています。残念ながら、セキュリティ上の理由から表示することはできません。レンジリスト、コレクションリスト、デザインリストがあります。 jQueryでこれらの作業のリンクを作成したいので、「レンジ」をクリックすると範囲リストが前面に表示され、現在アクティブなリストがフェードアウトし、同時にファジーになります。範囲リストがデフォルトで他のリストの前に、約50％の不透明度（Wild Guess）の前にあるようにしたいと思います。ただし、50％の不透明度があれば、その背後にあるテキストを見ることができます（他のリストで）。バックグラウンドのテキスト（「背後」リスト）がグレーでファジーであることを望みます。WindowsPhotoViewerウィンドウがある場合に気づいた効果のように、ライブメールの前にWindowsフォトビューアーウィンドウ - ステータステキストAステータステキストAの右下Windows Live Mailはあいまいで、明らかに背後のウィンドウにあります）。また、フォアグラウンドのテキストを黒くて焦点を合わせたいと思います。テキストの色の変更は簡単です（ピージーレモンスクイーズ！）。 「JQuery Fuzzy」と同様の用語で簡単にGoogleを行ったことがありますが、何も見つかりませんでした。

これを行う方法があるかどうか（できれば$（selector）.fuzz（50％）;）。

前もって感謝します。

よろしく、

リチャード

Answer 1

いいえ、CSSまたはjQueryのいずれかで、これを「簡単に」することはできません。

フォームの現在の状態のスクリーンショットをサーバーに送信することを検討しない限り、複雑な回避策でさえありません。

単に解決策はありません。誰もがこれを望んでいるわけではありません。前景に視覚的に干渉しないように背景が必要な場合は、単に不透明度を80〜90％のようなものに減らします。

Answer 2

答えを期待するとき、役に立たない争いを見つけることは常に残念です。私は要素を「ファジー」する必要性を判断しません - 代わりに、私はただ助けになろうとします。

この効果を達成するために今まで見たことがある唯一の簡単な方法は、「ネタバレアラート」と呼ばれるjQueryプラグインを使用することです。 http://joshbuddy.github.io/spoiler-alert/