JQuery Mobile Seeing Black Overlay Blocks On Android

I currently created a sample app built using JQueryMobile and Phonegap. Its a simple app, nothing special and it is intended to run on the Android platform, both for Mobile and Tab

Solution 1:

I was able to reproduce your issue. Give this a try:

div.ui-overlay-a {
    background-color: rgba(0, 0, 0, 0.5);
}

Solution 2:

you need to use this CSS:

background:rgba(0,0,0,0.5)

for transparency instead of opacity / filters etc.

Solution 3:

Thank you so much. Yes this code :

div.ui-overlay-a {
    background-color: rgba(0, 0, 0, 0.5);
}

...appeared to have solved the problem regards the black patches on the dialog. Thanks user3434809 and everyone for taking the time to reply.