DNN导航隐藏在Internet Explorer中的IFrame后面

时间:2014-10-02 13:47:35

标签: pdf iframe z-index dotnetnuke

我的网站是用DNN构建的,导航菜单隐藏在Internet Explorer的iframe后面。

在网上进行了一次短暂的搜索之后,我发现问题是由于IE如何处理窗口和无窗口元素。 Jordan Gray的回答here解释了这个问题背后的原因。

然而,即使在此之后,我仍然遇到了问题,因为dnn导航菜单使用了无序列表,并且我没有立即明白我必须在每个列表后面放置一个iframe项目。

所以在经历了一段时间的努力之后,我终于想出来了,我想分享它,这样可能会让处理相同问题的人受益。

1 个答案:

答案 0 :(得分:0)

我的网站使用了重力皮肤,因此更新了 \ Portals_default \ Skins \ Gravity \ Simple \ SimpleTokens.txt 中的js代码,以检测IE并在每个li下放置iframe。

$().ready(function()内,我补充道:

if ($.browser.msie) {
        ifrm = document.createElement('iframe');
        ifrm.className = 'cover';
        $("#dnn_pnav li .item").append( ifrm );
    }

我还为新的iframe将此课程添加到 \ Portal \ 0 \ portal.css

.cover {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

这可能不是一个优雅的解决方案,但它适用于这种情况,我无法提出比这更好的其他方法。