Why does opacity negate pointer events?

2boyzmommy

New Member
In the following setup, why does the click event (and any other pointer event) not get fired?If you remove the \[code\]opacity: 0.5\[/code\] line, it will work fine.http://jsfiddle.net/523ve/For posterity, in case jsFiddle ever goes down (December 21 is approaching):HTML:\[code\]<div> <a>Click</a> <p>Paragraph</p></div>\[/code\]CSS:\[code\]div { position: relative; margin: 40px; }a { position: absolute; top: 0; right: 0; }p { opacity: 0.5; }\[/code\]JS:\[code\]$(document).ready(function(event) { $("a").click(function(event) { alert("Alert"); });});\[/code\](Tested in latest stable Chrome and Firefox)
 
Back
Top