CSS悬停菜单出现在pdf iframe后面

我正在开发一个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,{ ...

希望有帮助……

原文地址：https://www.jb51.cc/css/217321.html