Есть страница с ифремом, в котором пробита ссылка на pdf файл. При показе оверлэя (предназначен сделать окно неактивным), pdf файл всегда оказывается ненакрытым.
Код страницы примерно такой:
<body>
<iframe src="document.pdf"></iframe>
<div id="overlay" style="position: absolute; top: 0px; left: 0px; background-color: #000000; opacity: 0.2;"></div>
</body>
Суть проблемы в том, что при показе диалога весь экран накрывается бэкграундом, а pdf файл в ифрейме остается наверху.
Пробовал различные варианты с помощью css, но ничего не помогло.
Может кто сталкивался с подобной проблемой и знает решение?