Задать opacity: 0 для блока при клике за его пределами?

Question

[unlik]

Как можно блоку задать opacity 0 при нажатии за его пределами?

Comments

[Ярослав Иванов]

Это же так сложно сделать

Answer 1

[Станислав Шендаков]

C JQuery :

HTML:
<div>Hello world</div>

CSS:

div
{
  position : absolute;
  top : 200px;
  left : 200px;
  width : 100px;
  background: lime;
}

JavaScript

$( function()
{
    $('div').click(function(event){
    alert('in div click')
    event.stopPropagation();
  });

    $(window).click(function() {
      alert('out of div click')
      $('div').css('opacity', 0 )
    });

});

Answer 2

[Егор Данченко]

Создай прозрачный оверлей.