html - Click through div with an alpha channel -

I am trying to replicate Twitter's "feed out" layer below the feed widget (on their main page on Twitter ). Com).

I can come with the same thing that html5 was not used, it was a full position divide above the feed div, and it shielded an alpha from white to transparent. It was easy to achieve

The only problem is that the divisions displayed below transparent layers are not clickable. Any ideas about how to make the divs clickable? Maybe you have another way to repeat this effect completely?

Thank you!

This article describes a method for capturing an onclick event, and periodically By hiding the overlay and clicking it, repeating it again, it should not be visible to the end user of hiding it.

:

1. The textarea (my mask element) which gets posted on the grid receives the mouseover, mousemove, mousewood, mouseup and other events.
2. The top masking layer has been hidden for a moment, so we can find out what is the element under the mask at the event location.
3. The incident has been removed again - this is the place that comes in the W3 DOM Event Model and simple Microsoft equivalent game.
4. Resume the process - ready for the next event.

Edit: I think Twitter is really very easy. A CSS loan borrowed from SVG is a property which has implemented a set of browsers.

  .overlay {pointer-events: none; }  

This is currently supported in Firefox 3.6+, Safari 4 and Google Chrome - so if you only work on these browsers, then you are happy, this is a very easy choice. Benefits also work for hover events, not just click on the event.