JQuery - сделать элемент нечетким - PullRequest
0 голосов
/ 25 августа 2010

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

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

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

С уважением,

Ричард

Ответы [ 2 ]

3 голосов
/ 07 августа 2013

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

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

0 голосов
/ 25 августа 2010

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

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

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

...