Overlay в iframe вместе с pdf
Есть страница с ифремом, в котором пробита ссылка на 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, но ничего не помогло. Может кто сталкивался с подобной проблемой и знает решение? |
Hoshinokoe, подгружайте это pdf не через iframe, а через тег object и добавьте внутрь него это:
<param name="wmode" value="opaque" /> Может сработать. |
trikadin,
<object width="300" height="200" data="referenceCard.pdf" type="application/pdf"> <param value="opaque" name="wmode"> </object> Такой вариант не помогает, pdf все равно на самом верху. |
я обычно накрываю всё так
<body> <iframe src="document.pdf"></iframe> <div style="position: fixed; top: 0px; left: 0px; background: #000000; opacity: 0.2;z-index: 100; width: 100%;height: 100%"></div> </body> |
bes,
Этот вариант не работает с pdf (всегда видна). z-index не помогает, различное позиционирование тоже. |
не знаю, у меня на компе всё накрывает
|
Hoshinokoe, какой браузер, например? И ось. И плагин для обработки pdf-ов.
|
trikadin,
Проверял в IE8, FF15 (последний). Плагин Adobe Reader. |
Hoshinokoe, а плагин? Это внезапно важно)
|
Попробуйте как с ослом: перекрывать всё ещё одним iframe.)
|
| Часовой пояс GMT +3, время: 21:08. |