martes, 26 de octubre de 2010

Bloquear una pantalla con css(Tipo Modal)

Algunas veces es necesario hacer un bloqueo de una pantalla en forma modal, este código lo he probado en Firefox 3 e Internet Explorer 6,7,8 y va dentro de las etiquetas style o si lo prefieren en una hoja de estilo externa.
   #Bloquear{
      background:#000000;
      width: 100%;
      height: 100%;
      filter:alpha(opacity=50);
      opacity:0.5;
       margin: 0px;
      position: absolute;
      left: 0px;
      top: 0px;
      right: 0px;
      z-index:1000;
      cursor: wait;  
      margin: 0px;
      padding: 0px;
      /* display: none;*/
    }


Tomando en cuenta que debería de existir un div así <div id="Bloquear"></div>

Algunas veces el bloqueo de la pantalla no lo hace completamente en Internet explorer 8 por lo que habría que agregarle las siguiente línea a la hoja de estilo en cascada.

html
{
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

No hay comentarios:

Publicar un comentario