Mask Navbar-fixed-top links on ajax loader

Question

I am displaying loader image on ajaxstart event at the same time changed the opacity of body. But the opacity of navbar-fixed-top is not changed and as well as the links present on it are clickable. Need to disable that links on ajaxstart when loader image is displayed

Answer 1

if z-index of your navbar for example is : 10, you must specified z-index: 11 for your loader image

Demo