¿Cómo abrir automáticamente una ventana modal CSS3 cuando se carga la página?

Estoy tratando de resolver esto. Cómo hacerlo funcionar en la página Cargar.

mi css

.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 400px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } 

Y para abrir la ventana emergente tenemos este enlace.

 Open Modal 

Intenté esta técnica Cómo hacer que una ventana modal en HTML5 y CSS3 emergente automáticamente pero no funcionó … Por favor, ayuda. Gracias

ps: también intenté hacer clic en el enlace en la carga de la página usando jQuery, pero tampoco funcionó 🙁 aquí está el código jquery.

 $(window).load(function () { $("#preloader").delay(1000).fadeOut(1000); $('#notLoggedModalClick').click(); 

});

establecer un div

  

en el estilo de visualización de pantalla: oculto

 #popup { position:absolute; display:none; top:200px; left:50%; width:500px; margin-left:-250px; border:1px solid blue; padding:20px; background-color:white; } 

cuando la página está cargada, simplemente configure display:block

  

load() está en desuso como la versión 1.8, Mi sugerencia:

 window.onload = function (){ $("#preloader").delay(1000).fadeOut(1000); $('#notLoggedModalClick').click(); } 

pero es mejor si se activa directamente la ventana emergente en lugar de hacer clic en el disparador.

Responda 1 tipo de trabajos, en Firefox mostrará el modal, sin embargo, no permitirá que se cierre correctamente. En cromo, no se abrirá en carga en absoluto. Al final, incluso cuando funcione, simplemente inicia la secuencia de animación nuevamente y la carga de una manera que no permite que se cierre.