Cerrar ventana emergente modal haciendo clic fuera de él

Estoy usando este tutorial para agregar una pantalla modal:

http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

Todo funciona bien excepto cerrarlo. En lugar de cerrarlo mediante un botón, quiero darle al usuario la opción de cerrarlo haciendo clic fuera del modal, es decir, en el fondo del rest de la página detrás de él.

Un usuario me dijo que añadiera onclick='overlay()' al div de superposición como este

Cuando trato de cerrar el modal haciendo clic afuera, si funciona, pero también se cierra si hace clic en el propio modal, que no quiero, ya que es un formulario de registro. Entonces, ¿hay alguna manera de cerrar el modal solo haciendo clic fuera del modal real?

Prueba esto:

 $(document).ready(function(){ $('#overlay').bind('click', function(event){ if (event.target == $('#overlay').get(0)) overlay(); }); 

Tendrá que mover el código de la superposición desde la ventana modal. Al separar esto, no tendrá la superposición como padre de la ventana y el evento de clic se activará solo en la superposición.