Override div.Feedback_AjaxWait 

Override div.Feedback_AjaxWait 

  

Hi,

I've tried to do this:

div.Feedback_AjaxWait {
font-size: 16px;
position: fixed;
bottom: 50%;
right: 50%;
margin-left: -30px;
background-color: #000000;
background-image\: url(img/contacts.png);
padding: 20px;
z-index: 10000;
border-top-left-radius: 1px;
border: 0px solid orange;
}



but I want all the background to be unclickable.

can you help me please?

Thanks

-Daryl

Hi,

Try to add the following CSS property to the div.Feedback_AjaxWait class:


pointer-events: none;


Keep in mind that only works on recent browsers:

http://caniuse.com/#feat=pointer-events


Hope it helps!

Daniel Martins wrote:

Hi,

Try to add the following CSS property to the div.Feedback_AjaxWait class:


pointer-events: none;


Keep in mind that only works on recent browsers:

http://caniuse.com/#feat=pointer-events


Hope it helps!

Thankyou but I tried it. still doesn't work :-(

div.Feedback_AjaxWait {
pointer-events:none;
font-size: 15px;
position: fixed;
bottom: 50%;
right: 50%;
margin-left: -30px;
padding: 50px;
opacity: 1;
z-index: 10000;
filter:alpha(opacity=50);
border-top-left-radius: 0px;
border: none;
background: transparent;
background-color: #000000;
background-position-x\: center;
background-repeat: no-repeat;
/*background-image: url(img/contacts.png);*/
display: none;
}


Hi Daryl,

I think you want to add the 'pointer-events: none' to the body or whatever class the background if you have an overlay, to make the content in the background not clickable. 

By adding that class to the Ajax div, you are just making that div not clickable.

Justin

hmm, I want to do is when the screen is loading the background is unclickable.


You might need to adapt more your css, 

pointer-events: none;


The pointer-event property should solve your problems. small demo:

http://jsfiddle.net/QC5Yw/