
Para desactivar un elemento como un div con css se puede usar el comando:
pointer-events: none;
Esto hará que los enlaces (links) y otros elementos en el div estén desactivados. El
pointer tampoco cambiará a «mano» en los eventos de «mouseover».
Por último también deberías cambiar los colores y otros atributos en tu clase, de manera de que los usuarios comprendan que dicho elemento está desabilitado.