Форум

Hoshinokoe · #1 (**permalink**) 25.09.2012, 22:44

Есть страница с ифремом, в котором пробита ссылка на 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, но ничего не помогло.
Может кто сталкивался с подобной проблемой и знает решение?

trikadin · #2 (**permalink**) 25.09.2012, 23:22

Hoshinokoe, подгружайте это pdf не через iframe, а через тег object и добавьте внутрь него это:

<param name="wmode" value="opaque" />

Может сработать.

Hoshinokoe · #3 (**permalink**) 26.09.2012, 16:43

trikadin,

<object width="300" height="200" data="referenceCard.pdf" type="application/pdf">
<param value="opaque" name="wmode">
</object>

Такой вариант не помогает, pdf все равно на самом верху.

bes · #4 (**permalink**) 26.09.2012, 17:38

я обычно накрываю всё так

<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>

Hoshinokoe · #5 (**permalink**) 26.09.2012, 18:05

bes,

Этот вариант не работает с pdf (всегда видна).
z-index не помогает, различное позиционирование тоже.

bes · #6 (**permalink**) 26.09.2012, 18:08

не знаю, у меня на компе всё накрывает

trikadin · #7 (**permalink**) 26.09.2012, 19:50

Hoshinokoe, какой браузер, например? И ось. И плагин для обработки pdf-ов.

Hoshinokoe · #8 (**permalink**) 26.09.2012, 20:04

trikadin,

Проверял в IE8, FF15 (последний). Плагин Adobe Reader.

trikadin · #9 (**permalink**) 26.09.2012, 20:04

Hoshinokoe, а плагин? Это внезапно важно)

Aetae · #10 (**permalink**) 26.09.2012, 20:07

Попробуйте как с ослом: перекрывать всё ещё одним iframe.)

Форум

Справочник

Discord чат

Курсы javascript