Question

142

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

rated 0 times [ 143] [ 1] / answers: 1 / hits: 106351 / 13 Years ago, sat, october 8, 2011, 12:00:00

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 :)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kieraelsies

Add To Favorites

Follow

Total Points: 718

Total Questions: 103

Total Answers: 104

Location: England

Member since Sun, May 21, 2023

1 Year ago

kieraelsies questions

1 How do I change text color in SweetAlert2?

Tue, Aug 3, 21, 00:00, 3 Years ago

1 Tailwind Custom Colors Not Complied

Tue, Feb 23, 21, 00:00, 3 Years ago

1 How to write inline onclick function as es6 arrow function?

Thu, Nov 12, 20, 00:00, 4 Years ago

1 How to remove all roles from an user discord.js v12?

Wed, Sep 9, 20, 00:00, 4 Years ago

1 PlusMinus Challenge

Mon, Sep 16, 19, 00:00, 5 Years ago

View All

answered 13 Years ago georginat · Accepted Answer

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

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