¿Cómo eliminar el fondo de la página para Jquery Mobile Dialog?
El cuadro de diálogo solo ocupa aproximadamente el 10% de la página y quería eliminar o convertir el fondo de la página del cuadro de diálogo en transparente para que la página anterior todavía sea visible.
Este es el js que llama al diálogo:
$.mobile.changePage('#popdiv',{transition:'slide', role:'dialog'});
y este es el div
<div data-role="page" id="popdiv" data-role="page" data-theme="e">
<div data-role="content">
<h1>Congrats!</h1>
</div>
</div>
Intenté usar CSS personalizado pero no parece cambiar nada
div#popdiv {
background: none; // i also used background-image and color and set it to none
}
y así es como declare el css y js
<custom css>
<jquery mobile css>
<jquery min.js>
<phonegap.js>
<custom.js>
<jquerymobile.js>
Por favor ayuda. muchas gracias