JQuery - сделать элемент идти "нечеткий"

Question

Недавно я разработал веб-сайт для компании, с полной администрацией переднего конца / CMS. В Admin Frestend, который, к сожалению, я не могу показать вам по соображениям безопасности, есть список диапазонов, список коллекций и списка дизайна. Я хотел бы сделать ссылки на эти работы с jQuery, поэтому нажав на «диапазоны», приносит список диапазонов в спереди и исчезнет текущий активный список, что делает его нечетким одновременно. Я хотел бы сделать это так, чтобы список диапазонов находился перед другими списками по умолчанию, примерно на 50% непрозрачности (дикая догадка). Однако с непрозрачностью 50% вы все равно сможете увидеть текст позади него (в других списках). Я хотел бы, чтобы текст на заднем плане («за ними» («за» списки) быть серым и нечетким, как эффект, который я только что заметил, если у вас есть окно просмотра фотографий Windows Photo перед Windows Live Mail - текст статуса а. Windows Live Mail нечеткая, и вполне очевидно на окне позади). Я бы также хотел бы текст на переднем плане, чтобы быть черным и в фокусе. Изменение цвета текста прост (раздражительный лимон Squezy!). Я сделал быстрый Google на «jQuery Fuzzy» и подобных терминах, но ничего не нашел.

Кто-нибудь может сказать мне, есть ли способ сделать это (желательно как просто $ (селектор) .fuzz (50%);)?

Заранее спасибо.

С уважением,

Ричард

Answer 1

Нет, вы не можете сделать это «легко», либо CSS, либо jQuery.

Даже не сложный обходной путь, если вы не рассматриваете отправку скриншота текущего состояния формы на сервер, а затем отправить обратно обработанную версию для отображения, простой.

Там просто не решение, не то, что никто не хочет этого. Если вам нужен фон, чтобы не визуально вмешиваться на передний план, просто уменьшите непрозрачность к чему-то вроде 80-90%.

Answer 2

Это всегда разочаровывает, чтобы найти бесполезную ссоразу, когда вы ожидаете ответа. Я не буду судить о необходимости «развратного» элемента - вместо этого я просто попытаюсь быть полезным.

Единственный простой способ, которым я когда-либо видел для достижения этого эффекта, использует плагин jQuery под названием «Spoiler Alert» - http://joshbuddy.github.io/spoiler-alert/