I am using $.mobile.showPageLoadingMsg(); method to show the loading page animation. The ui-loader css class is defined as below.

.ui-loader {display:none;position:fixed;top:40%;left:32%;width:33%;z-index:100;padding:10px 10px;background-color:#000000;opacity:.65;}

However, even-though the background-color is set to #000000, the resulting loading page background color is white.

What could be the reason for this? Is there anyway to fix it? Please help.

I am using the same ui-loader class defination with Jquery version v1.0b3 used in another project, and it works just fine. I mean I get the loading page with black background.