Совсем недавно я спросил этот вопрос о том, как передать клики через элемент (например, полноэкранное наложение). Получил несколько хороших советов, но я все еще задавался вопросом, какие браузеры поддерживали это изначально...
Для тех, кто пропускает предыдущую ссылку, наложение чисто косметическое, должно быть наложено и должно игнорировать клики (все события мыши должны проходить прямо через него)...
До сих пор мне удалось добиться этой работы с браузерами WebKit.
Работы (Chrome и Safari 4): - <image src='./images/75/75.overlay.blood.png' width='100%' height='100%'
style='z-index: 3; position: absolute; top: 0; left: 0; pointer-events: none;' />
Известно, что Firefox поддерживает указатели-события с SVG (и другие элементы HTML в 3.6); проблема в том, что я не могу заставить это работать с SVG (например, xlink:href="overlay.24bit.8alpha.png").
Другой способ, которым я надеялся, что это может быть достигнуто, заключается в использовании XUL в HTML.
Я надеюсь использовать атрибут mousethrough="always" на наложении (<image> и т.д.). Не работает пока...
Как ни странно, Internet Explorer рассматривает прозрачные области PNG прозрачной прозрачности в виде прозрачных областей как "щелчок", что удобно.
Любые другие хорошие (или простые, но хриплые) способы достичь этого в Firefox (3+). Подумайте о наложении Flash с помощью wmode="transparent" (сбой).