Как сделать браузер тусклым при отображении всплывающего окна?

Question

Я довольно часто сталкиваюсь с сайтами, которые реагируют на щелчок по ссылке «Что это» или «Галерея», открывая окно перед исходной страницей и делая ее тусклой.

Это модный трюк AJAX?

Может ли он поддерживаться только в некоторых браузерах?

И самое главное, как это делается?

Answer 1

Это не более, чем добавление <DIV>, которое покрывает весь экран, и дает ему черный фон. Библиотека пользовательского интерфейса jQuery будет обрабатывать это автоматически.

http://jqueryui.com/demos/dialog/#modal

Или вы можете сделать это с помощью базового HTML / CSS / jQuery следующим образом:

div.modal-bg { 
  background:#000; 
  position:fixed; 
  top:0; left:0; 
  width:100%; 
  height:100%;
  z-index:10; 
}

<div class="modal-bg"></div>

$(function(){
  $("div.modal-bg").fadeTo("slow", .5);
});