我正在开发一个Web应用程序,它在每个页面的顶部都有一个菜单,子菜单在菜单项悬停时下拉.这很好,除了在我们试图在iframe中显示pdf的一个页面上.在这种情况下,悬停菜单都以iframe结尾.我已经尝试调整悬停菜单和iframe的z-index,但似乎都不起作用.到目前为止,这在FireFox 3.5和IE8中都有发生.
我的问题有两种方法可以解决.我可以找到一种方法来准确调整CSS,以便我的菜单出现在iframe前面,或者如果有另一种方式来显示没有此问题的pdf,我也可以这样做.
谢谢！
解决方法
当我遇到这个问题时,我使用jQuery在显示叠加层之前分离iframe(在我的例子中也是一个模态).一旦用户完成了模态/叠加,我就将iframe重新附加到DOM. _viewerFrame和_viewerDiv当然只是一些css选择器.在我的情况下,iframe元素周围有一个包装div标签,使分离和连接变得容易.
// detach iframe
_frame = $(_viewerFrame).detach();
function reattach(frame) {
// append it back to the div it was in (reattaching essentially)
$(_viewerDiv).append(frame);
setButtonStates();
setViewerState();
}
function onOk() {
... // other code
reattach(_frame);
}
function onCancel() {
... // other code
reattach(_frame);
}
// show modal with overlay
Dialog.confirm(onOk,onCancel,{ ...
希望有帮助……
