Макс Музафаров Плохое решение с important.
Для начала следует понимать z-index.
А именно самое главное - он работает для блоков на одном уровне (по глубине), с т.н. сиблингами.
Самое первое - неправильная структура html кода. Нужно вынести весь div id="myModal" на тот же уровень, что и оверлей, т.е. после тега
<body> или перед
</body>, т.к. оверлей блок появляется именно там. На структуру сайта в целом это не повлияет, т.к. оба имеют
position: fixed. А вот "магию" увидите, лишь правильно расположив блоки.
