Как затемнить/обесцветить все изображение кроме наведенной area, используя jquery maphilight?

Для выделения областей на изображении использую библиотеку maphilight, появилась необходимость затемнять или забелять всю область кроме наведенной. Т.е. при наведении пользователем на изображение, оно затемнялось кроме наведенной area.
Пробовал обесцвечивать на css с помощью filter:
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url('images/grayscale.svg#greyscale');

Все становится бесцветным. Пробовал давать opacity при наведении на блок, ничего не выходит.
Может кто сталкивался с подобной проблемой или есть аналоги maphilight с реализацией данной возможности через api.
  • Вопрос задан
  • 2873 просмотра
Пригласить эксперта
Ответы на вопрос 1
@asdz
Посмотрите на pokras24.ru/a раздел стоимость покраски, там правда выделенная часть наоборот - затемняется.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы