Всплывающий блок поверх блока с картинками.
Ребят, выручайте. Хочу сделать блок с картинками 2x2. При нажатии на одну из картинок всплывало полупрозрачное окно(все позади затемняется) на весь блок, в котором находится информация. И сделать крестик на блоке, чтобы его закрыть. Как можно такое реализовать?
|
Затенение - полупрозрачный черный блок position:fixed растянутый на весь экран.
Далее в свой блок добавляешь абсолютно спозиционированный всплывающий блок. Вот только не помню - сможет ли он перекрыть z-index оверлея. Возможно блок придется добавлять прямо в <body> и позиционировать над нужным блоком (высчитав рекурсивно его позицию через offsetTop/offsetLeft) |
А можно пример?
|
| Часовой пояс GMT +3, время: 10:56. |