I want to pass mouse events (hover, click) to some buttons that are behind another div. Any ideas on how to accomplish this?
Specifically, I have several buttons and video clips on the page. Much of the page is overlaid with a div containing a semi-transparent PNG, used to give a shading effect the page. The user can not click the buttons since the PNG div gets the mouse events.
It is not practical to cut up the PNG, or image map it, since most of the page elements are dynamic. Ideally, I could just tell that div to ignore, and pass, any mouse events to whatever is under it. I have not found a way to accomplish this. Any ideas?