Tema: Problema con z-index
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/06/2013, 14:56
ricardo86
 
Fecha de Ingreso: junio-2013
Mensajes: 6
Antigüedad: 10 años, 10 meses
Puntos: 0
Respuesta: Problema con z-index
tambien adjunto el codigo html:
Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8" />
  4.         <title>Galeria</title>
  5.         <style type="text/css" media="screen">@import "jqtouch/jqtouch.min.css";</style>
  6.         <style type="text/css" media="screen">@import "themes/theme.css";</style>
  7.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  8.         <script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
  9.         <!--<script language="javascript" type="text/javascript" src="smartBackgroundResize-1.0-jquery-plugin.js"></script>-->
  10.         <script src="jqtouch/jquery.fullscreenr.js" type="text/javascript"></script>       
  11.         <script type="text/javascript" charset="utf-8">
  12.             var jQT = new $.jQTouch({
  13.                 icon        : 'icon.png',
  14.                 cacheGetRequests: true,
  15.                 addGlossToIcon  : false,
  16.                 startupScreen   : 'load.png',
  17.                 statusBar   : 'black-translucent',
  18.                 preloadImages: [
  19.                     'themes/img/back_button.png',
  20.                     'themes/img/back_button_clicked.png',
  21.                     'themes/img/button_clicked.png',
  22.                     'themes/img/grayButton.png',
  23.                     'themes/img/whiteButton.png',
  24.                     'themes/img/loading.gif'
  25.                 ]
  26.             });
  27.              var FullscreenrOptions = {  width: 1920, height: 1080, bgID: '#bgimg' };
  28.              jQuery.fn.fullscreenr(FullscreenrOptions);
  29.         </script>
  30.         <script src="jquery.gallery.js" type="application/x-javascript" charset="utf-8"></script>
  31.         <style type="text/css" media="screen">
  32.             #about {
  33.                 padding: 100px 10px 40px;
  34.                 text-shadow: rgba(255, 255, 0, 0.3) 0px -1px 0;
  35.                 font-size: 13px;
  36.                 text-align: center;
  37.                 background:transparent;
  38.             }
  39.             #about p {
  40.                 margin-bottom: 8px;
  41.             }
  42.             #about a {
  43.                 color: #fff;
  44.                 font-weight: bold;
  45.                 text-decoration: none;
  46.             }
  47.             
  48.         </style>
  49.     </head>
  50.     <body >
  51.      <img id="bgimg" src="themes/img/wood.png">
  52.      <div id="realBody">
  53.         <div id="about" class="selecteable">
  54.             <p><img src="icon.png"/></p>
  55.             <p>
  56.                 <strong>Aplicación creada para Angie Import</strong>         
  57.             </p>
  58.             <p><br /><br /><a href="#" class="grayButton goback">Cerrar</a></p>
  59.         </div>
  60.         <!-- The list of albums -->
  61.         <div id="albums_container" class="current">
  62.             <div class="toolbar">
  63.                 <h1>Categorías</h1>
  64.                 <a class="button slideup" id="infoButton" href="#about">About</a>
  65.             </div>
  66.             <div class="loader" style="display:none;"></div>
  67.             <ul id="albums" class="edgetoedge" style="display:none;">
  68.             </ul>
  69.         </div>
  70.         <!-- The list of images (thumbs) -->
  71.         <div id="thumbs_container">
  72.             <div class="toolbar">
  73.                 <h1>Artículos</h1>
  74.                 <a class="back" href="#albums_container">Atrás</a>
  75.                 <a class="button slideup" id="infoButton" href="#about">About</a>
  76.             </div>
  77.             <div class="loader" style="display:none;"></div>
  78.             <ul id="thumbs" class="thumbView" style="display:none;">
  79.             </ul>
  80.         </div>
  81.         <!-- The single image container -->
  82.         <div id="photo_container">
  83.             <div class="toolbar">
  84.                 <h1>Imagen</h1>
  85.                 <a class="back" href="#thumbs_container">Atrás</a>
  86.                 <a class="button slideup" id="infoButton" href="#about">About</a>
  87.             </div>
  88.             <div class="loader" style="display:none;"></div>
  89.             <div id="theimage" class="singleimage"></div>
  90.             <div class="descriptionWrapper">
  91.                 <p id="codigo"></p>
  92.                 <p id="description"></p>
  93.                 <p id="precioxbulto"></p>
  94.                 <p id="precioxmayor"></p>
  95.                 <p id="cantidad"></p>
  96.                 <div id="prev" style="display:none;"></div>
  97.                 <div id="next" style="display:none;"></div>
  98.             </div>
  99.         </div>
  100. </div>
  101.     </body>
  102. </html>