overlay on clickable region - CSS

Question

Is there a way I can have a partially transparent image (or anything really) overlay a clickable region using XHTML and CSS?

Answer 1

@thirtydot If you know of a solution that works in only one browser I still would love to here it! Although the more support the better.

You can use pointer-events: none.

Browser support: http://caniuse.com/pointer-events (works everywhere except IE10 and older)

http://jsfiddle.net/QC5Yw/