[SOLUCIONADO] Crear Modal automatico

redomir · #1 (**permalink**) 12/05/2016, 02:18

Buenas , estoy programando un modal solo con CSS y HTML , pero necesito que salte automaticamente cuando cargue la pagina. Y la verdad que no se como hacerlo.

Ahora mismo lo tengo que salta cuando pulso en un enlace/boton.

Codigo CSS

Código:

<style>
.modal-contenido{
  background-color:aqua;
  width:300px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:1;
  pointer-events:none;
  transition: all 1s;

}
#miModal:target{
  opacity:0;
  pointer-events:auto;
}

</style>

Codigo html

Código:

<a href="#miModal">Abrir Modal</a>
<div id="miModal" class="modal">
  <div class="modal-contenido">
    <a href="#">X</a>
    <h2>Modal</h2>
    <p>Esto es un modal o popup</p>
  </div>  
</div>

Gracias de antemano

danielpatc · #2 (**permalink**) 12/05/2016, 08:39

javascript
prueba con esto en <body>

Código HTML:

Ver original<body onload="location.href='#miModal'">

redomir · #3 (**permalink**) 13/05/2016, 00:41

Muchas Gracias Daniel. Funcionó así.