A caixa de diálogo em si ocupa apenas 10% da página e eu queria remover ou transformar o plano de fundo da página em transparente, para que a página anterior ainda estivesse visíve

Este é o js que chama a caixa de diálogo:

$.mobile.changePage('#popdiv',{transition:'slide', role:'dialog'});

e este é o div

<div data-role="page" id="popdiv" data-role="page"  data-theme="e">        
  <div data-role="content">
  <h1>Congrats!</h1>
  </div>
</div>

Tentei usar css personalizado, mas parece que não muda nada

div#popdiv {
   background: none; // i also used background-image and color and set it to none
}

e é assim que eu declarei o css e js

<custom css>
<jquery mobile css>
<jquery min.js>
<phonegap.js>
<custom.js>
<jquerymobile.js>

Por favor ajude. Muito Obrigado