Comment fermer div (modal) en cliquant à l'extérieur. Pinterest et Facebook façon

De la façon classique, c'est de faire un modal est une div avec le contenu (boîte de dialogue) et un div avec un z-index inférieur (overlay)
Ensuite, je peux lier l'événement click sur le recouvrir et cacher de dialogue de contenu.

<div class="dialog">...</div>
<div class="overlay" style="background-color:rgba(255, 255, 255, 0.9)">

Mais j'ai remarqué que Pinterest et Facebook se combine à un div.

<div class="overlay" style="background-color:rgba(255, 255, 255, 0.9);position: fixed; z-index: 9999;top: 0;right: 0;bottom: 0;left: 0;">
      <div class="dialog" style="position: static;"></div>
</div>

Mais dans cette approche, comment puis-je lier l'événement click à proximité de dialogue que dans la superposition qui ont pas le dialogue?

http://jsfiddle.net/mCupS/9/

OriginalL'auteur Luccas | 2012-04-28