Я не могу добраться z-index
работа над a iframe
это содержит файл PDF с IE8. Это работает с Google Chrome.
Пример (JSFiddle):
HTML
my text that should be on top
CSS
#div-text{
position:relative;
left:210px;
top:20px
}
#shouldBeOnTop{
position:relative;
right:60px;
background-color:red;
width:100px;
z-index:2;
}
#div-frame{
position:relative;
z-index:1;
}
Для тех, кто использует jQueryUI, я предложил следующее решение.
Добавляют следующую функцию и называют его от открытого события Ваших диалоговых окон. Если Вашим браузером будет IE, то он вставит iFrame в Модальное наложение или иначе добавит его к диалоговому фону.
// Simple IE Detection.
var isIE = Object.hasOwnProperty.call(window, "ActiveXObject");
// Fix IE bug where an iFrame from below will cover a dialogs contents.
function dialogIFrameFix(event /* object */) {
setTimeout(function () {
if (event && event.target && isIE) {
var $dialog = $(event.target.parentElement);
// Get the modal overlay if found.
var $fixTarget = $dialog.next('.ui-widget-overlay');
// Use the dialog body if there is no overlay.
if (!$fixTarget || !$fixTarget.length)
$fixTarget = $dialog;
// Add as first child so it is covered by all of the other elements
$fixTarget.prepend('<iframe class="iFrameFix" src="about:blank" style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe>');
}
}, 10);
}
Вы затем назвали бы его следующим образом..
.dialog({
open: function (event, ui) {
dialogIFrameFix(event);
}
});