Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Make overlapping div "not clickable" so that content below can be accessed?

I am using a JPG overlay with a reduced opacity for an effect, however I want it as an effect only and make the content below that div clickable. Is that possible, thanks :)))

Thanks for your comments everyone. I guess I'll have to think of something else because the JPEG covers the whole page :)

like image 283
pufAmuf Avatar asked Oct 08 '11 22:10

pufAmuf


People also ask

How do I make a div not clickable in jQuery?

For your problem above, if you want make your div unclickable. I suggest you could use unbind() method. The unbind() method removes event handlers from selected elements. 3) div and its contents are faded to give the impression of not being available.


1 Answers

Well there is pointer-events:none; but only few browsers modern browsers (and IE11) support it.

https://developer.mozilla.org/en/CSS/pointer-events

like image 61
Andy Avatar answered Sep 22 '22 10:09

Andy