pagina - Ventana modal HTML5 CSS3, cierre cuando haga clic afuera
ventana modal bootstrap (1)
Tienes que cambiar el objetivo en algo diferente a #openModal. Puede importar jQuery, poner esto en la sección <head> :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
y agregue este código justo antes de la etiqueta </body> :
<script type="text/javascript">
$("#openModal").click( function() {
if (!$("#openModal>div").is(":hover")) document.location.href=''#'';
});
</script>
Entonces, cuando el usuario hace clic en la superposición, el objetivo cambiará en ''#'' y el modal se cerrará.
Uso la ventana modal como lo describe Keenan Payne, hecho con HTML5 y CSS3. Me gustaría que se cierre cuando el usuario haga clic en el fondo oscurecido, fuera de la ventana modal. ¿Alguien sabe cómo hacer esto?
Ventana modal de Keenan Payne: http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/