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.