jqm transparent page background

jqm transparent page background

by stot

HTML

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
    <link rel="stylesheet" href="http://www.rwe-uk.com/static/ichat_with_css3/style_5.css" />
  </head>
  <body>
    <div id="page1" data-role="page" class="ui-content-transparent">
        <div data-role="content">
            <h1>page1</h1>
            <a href="#page1">page1</a>
            <a href="#page2">page2</a>
          <div class="commentArea">
            <div class="bubbledLeft">
              Hi
            </div>
            <div class="bubbledRight">
              Hi there yourself
            </div>
          </div>
        </div>
    </div>
      <div id="page2" data-role="page" class="ui-content-transparent">
        <div data-role="content">
            <h1>page2</h1>
            <a href="#page1">page1</a>
            <a href="#page2">page2</a>
          <div class="commentArea">
            <div class="bubbledLeft">
              Hi
            </div>
            <div class="bubbledRight">
              Hi there yourself
            </div>
          </div>
        </div>
    </div>
  </body>
</html>

CSS

.ui-content-transparent{
        background: transparent !important;
    }

body {
background:url(https://www.google.de/images/srpr/logo11w.png) no-repeat;
}