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

Question

我在使用 DNN 构建的网站上遇到了这个问题，其中导航菜单隐藏在 Internet Explorer 上的 iframe 后面。

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

但是，即使在此之后，我仍然遇到了问题，因为 dnn 导航菜单使用了无序列表，而且我并不清楚我必须在每个列表项之后放置一个 iframe。

所以在为此苦苦挣扎了一段时间后，我终于想通了，我想分享它，这样可能对处理同样问题的人有所帮助。

Answer 1

我的网站使用了重力皮肤，所以更新了\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 );
    }

我还在 \Portals\0\portal.css 中为新的 iframe 添加了这个类：

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

这可能不是一个优雅的解决方案，但它在这种情况下有效，我想不出比这更好的方法了。