Tema: Pop up interna con overlay
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 14/02/2012, 18:29
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Pop up interna con overlay
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>titulo</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. div#ns {
  12. position: fixed;
  13. width: 100%;
  14. height:100%;
  15. background-color: #000;
  16. color: #FFF;
  17. top:0px;
  18. left:0px;
  19. z-index: 999;
  20. overflow:hidden;
  21. opacity: 0.9;
  22. display: none;
  23. }
  24.  
  25. div.interior{
  26. position:absolute;
  27. top: 50%;
  28. left: 50%;
  29. width:350px;
  30. height:300px;
  31. margin-top: -150px; /*valor negativo mitad del alto*/
  32. margin-left: -175px; /*valor negativo mitad del ancho*/
  33. border: 2px solid #2982C6;
  34. background-color: red;
  35. text-align: center;
  36. z-index: 999;
  37. }
  38.  
  39. /*]]>*/
  40. </style>
  41.  
  42. </head>
  43. <body>
  44. <div id="ns">
  45. <div class="interior">
  46. aqui el iframe
  47. </div>
  48. </div>
  49.  
  50. <h1>Título</h1>
  51. <span onclick="document.getElementById('ns').style.display='block';" style="cursor: pointer;">popup</span>
  52. </body>
  53. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.