Tema: Como se llama esto??
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 29/05/2015, 09:49
DarkSoquet
 
Fecha de Ingreso: octubre-2013
Mensajes: 22
Antigüedad: 10 años, 6 meses
Puntos: 1
Respuesta: Como se llama esto??
Código HTML: 
Ver original
  1. <body>
  2. <section id="wrap"><!--centra el sitio web -->
  3.     
  4.         <section id="main"> 
  5.         <div class="modal">
  6.                 <div class="ventana">
  7.                     <button class="entrar">Cerrar</button>
  8.                 </div>
  9.             </div>
  10.                     <script>
  11.                             
  12.                         $(document).ready(function () {
  13.                             $('.cerrar').click(function () {
  14.                                 $('.modal').fadeOut(300);
  15.                             });
  16.                         });
  17.                         //@ sourceURL=pen.js
  18.  
  19.                     </script>
  20. </section>
  21. </section>
  22. </body>

Código CSS: 
Ver original
  1. .modal{
  2.     width:100%;
  3.     height:100%;
  4.     position:absolute; 
  5.     top:0;
  6.     left:0;
  7.     background-color:rgba(0,0,0,.6)
  8. }
  9.  
  10. .ventana{
  11.     width:600px;
  12.     height:600px;
  13.     padding:1em;
  14.     background-color:#ccc;
  15.     position:absolute;
  16.     top:90%;
  17.     left:-150px;
  18.     margin-left:50%;
  19. }
  20.  
  21. .entrar{
  22.     position:absolute;
  23.     bottom:2em;
  24.     right:2em;
  25.     cursor:pointer;
  26.     }

así como esta, es casi idéntico al tuyo, y no me funciona cuando quiero cerrarlo, para mi estoy ubicando mal algo en el html, y otra consulta, porque el sombreado solo me aparece en forma vertical el 50% de la pagina?