Forum | Appery.io

I would like to make the body of a popup transparent. I already implemented this http://javascriptbites.com/post/2013/07/01/jQuery-mobile-Transparent-dialogs which allows me to see the page behind the popup, but the body of the popup is still filled with the inherited swatch.

My end goal is to have a popup that has some semi-transparent overlay PNG images that point at and describe the components underneath in the page.

Here is something similar to what I want to do...

Hello! Please take a look here https://getsatisfaction.com/apperyio/...

That effectively does the same thing as the link I provided. On the popup, I want the mobilecontainer to be transparent.

If I change the below line...
code.ui-dialog-background.pop.in {
opacity: 1;
-webkit-transition: opacity 0.5s ease-in;
}/code

to...
code.ui-dialog-background.pop.in {
opacity: .5;
-webkit-transition: opacity 0.5s ease-in;
}/code

it makes the whole popup partially transparent. It also applies to all popups. I just want this to apply to one popup.

1) "I just want this to apply to one popup" - add class for popup and, change CSS selector
2) try to set background: transparent; for popup content.

That didn't work.

Hello! Please post your public app link.

It is not public yet and I don't wan't to give access to the public. Can I just share it with you?

Hi Garrett, sure. Share it with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a.

I just shared it

Thanks, we'll check.