Окно Kendo скрыто программой просмотра PDF IE 11 в iframe?

У меня есть страница, содержащая iframe. iframe используется для отображения pdf-документа из amazon s3. В основном я устанавливаю свойство src iframe на ссылку s3. Работает отлично!!.

  <iframe class="mt-iframe" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame>

Теперь я добавил кнопку на той же странице, событие нажатия кнопки подключено, чтобы открыть всплывающее окно окна кендо.

Когда я нажимаю, окно открывается, но оно скрыто за pdf-документом. (и похоже, что это происходит только с pdf-документом в IE. В Google Chrome и MS Edge он работает нормально) Почему-то, я думаю *, программа просмотра pdf по умолчанию в IE все портит. Я пытался установить z-индекс как для iframe, так и для всплывающего окна, но безуспешно.

Поэтому, чтобы временно решить эту проблему, я сейчас скрываю iframe при открытии окна; и показать, когда окно закрывается. Но это не очень хороший пользовательский опыт.

Каковы мои варианты здесь?

Я ориентируюсь только на браузеры IE11, Chrome и MS Edge.


person LP13    schedule 14.04.2017    source источник


Ответы (1)


Попробуйте установить wmode="transparent" в iframe, например:

<iframe class="mt-iframe" wmode="transparent" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame>

Взгляните на это для получения дополнительной информации: http://www.stampede-design.com/blog/2011/06/dropdown-menu-hiding-behind/#.WPHtnNKGMYt

person Orilux    schedule 15.04.2017