Как я могу узнать, нажимаю ли я на прозрачную или непрозрачную часть png на веб-странице?

Этот вопрос был перенесен из Webmasters Stack Exchange, потому что на него можно ответить в Stack Overflow. Миграция 8 лет назад .

У нас есть тест, который мы разработали во Flash много лет назад, в котором использовались области нажатия, чтобы определить, щелкнул ли кто-нибудь по соответствующей части изображения (подумайте о «Анатомической викторине»). Эти области попаданий было очень утомительно рисовать, и нет возможности повторно использовать данные координат контура ...

Теперь мы пытаемся переделать это в HTML - Итак, у нас есть фоновое изображение бедренная кость и png, который находится выше в Z-порядке, часть которого полностью прозрачна, в то время как другие части имеют 50% серого. Это используется, чтобы научить студента ГДЕ что-то находится на фоновом изображении бедренной кости.

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

Есть идеи, как добиться этого с помощью HTML, CSS и / или jQuery?

задан Nakilon 23 January 2014 в 13:19

0 ответов

Другие вопросы по тегам:

javascript jquery css3 png transparency

Как я могу узнать, нажимаю ли я на прозрачную или непрозрачную часть png на веб-странице?

0 ответов

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