Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I make an area unclickable with CSS?

Let's say if I have wrapper div which includes some links and images, is there any way I can deactivate it at once with CSS only?


After review of answers:
I dropped the idea that can make it with CSS only. jQuery blockUI plug in works like charm.

like image 469
jmoon Avatar asked Apr 22 '09 00:04

jmoon


People also ask

How do you make an item Unclickable in CSS?

Conclusion. To make an area unclickable with CSS, we set the pointer-events CSS property to none .

How do you make a div Unclickable in HTML?

Setting CSS - pointer-events: none should remove any mouse interaction with the image.


Video Answer


1 Answers

There is a CSS rule for that, but it's not widely used because of old browsers support

pointer-events: none;

like image 145
Dmitri Avatar answered Oct 07 '22 21:10

Dmitri