Я не могу процитировать источник для тех размеров, потому что официальная ссылка находится под блокировкой и ключом ADC.
Однако многие сайты не-NDA имеют учебные руководства о том, как создать значки. Например, здесь:
Вы можете попытаться получить координаты мыши в событии щелчка, а затем получить элемент, скрыв наложение, используйте document.elementFromPoint (x, y)
, а затем повторно отобразите наложение.
См. этот вопрос SO для получения дополнительной информации об elementFromPoint:
Как мне найти узел DOM, который находится в заданной позиции (X, Y)? (Проверка попадания)
Вы можете назначить событие щелчка мыши для покрывающего div, затем перебрать все элементы, которые, как вы знаете, могут находиться под ним, проверяя их положение, ширину и высоту, чтобы увидеть, если это положение мыши click находился в пределах их границ, и если это так, вызовите их событие onclick.
Чтобы уменьшить подмножество возможных элементов, вы можете назначить интерактивные элементы, которые могут находиться под div, специальным классом.
Я вижу, вы используете "rain.24.png", это оверлей анимирован? Как вы перемещаете изображения, чтобы имитировать дождь? Если это так, то может быть лучше остановить / скрыть анимацию на mousedown, а затем получить активацию вашей функции на базовых элементах с помощью mouseup.
Если это не так, то используйте ответ Винсента, чтобы получить элемент, затем вызовите связанную функцию или используйте триггер для имитации щелчка