lega

https://jsfiddle.net/f5esm50j/

https://jsfiddle.net/lega911/frntkkLf/

Вариант без* js: https://jsfiddle.net/lega911/8nL90nv8/

jsfiddle.net/lega911/8f8wdt62

jsfiddle.net/lega911/gk6nzy5m

jsfiddle.net/lega911/db5byt4j

Angular 2 использует это, для визуальной совместимости со старыми браузерами можно сделать css template {display: none}
Используют для хранения шаблонов вместо хранения их в script

Обычно добавляют (полу) прозрачный div на всё окно (страницу), под модальный диалог (z-index), и на него вешают click.

jsfiddle.net/lega911/0d7ackr6

jsfiddle.net/lega911/27uerrhe

jsfiddle.net/lega911/dmpa5hba

Можно так jsfiddle