Question

在兼容性视图中在IE中打开时，有没有办法让javascript菜单正确呈现？该公司的应用程序的基本问题是使用旧学校表和一些零星的CSS大约CSS 2构建的。因此，员工必须在IE中以兼容模式运行该站点以获取查询的注释才能正确显示，否则他们会跑出银幕;迫使他们向右滚动。同样，由于IE渲染问题，他们必须在Chrome中打开网站的其他元素。

在IE中关闭兼容模式时，菜单会正确显示，如下所示：在Chrome中也能正常显示。

但是在兼容模式下：

菜单变为蓝色并尝试向左打开屏幕。

是否已解决此问题。

代码：

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery- 
ui.min.js"></script>
<!---<link rel="stylesheet" href="/resources/demos/style.css" />--->
<script>
$(function() {
$("#menu" ).menu();
});


$(function() {
$(document ).tooltip();

});

function Refresh() {
child.location.reload(true);
}
</script>
<style>
    a{
        font-family:Arial;          
    }

#MainMenu
{
    background-color:"#58B0EB";
}
.ui-menu { width: 270px;
            font: Arial;
            font-size: small;                       
            }

 .ui-tooltip {
    background-image: none;
    background-color: #f7f792; 
    display: inline-block;
    font: Verdana;
    font-size:x-small;  
  }

</style>
</head>
<body>

<cfset User_Id=session.ft_user_id>  
<cfinvoke component="cfc.MainMenu" method="GetMenuHead" 
returnvariable="GetMenuHeadRet"> 
    <cfinvokeargument name="User_Id" value="#User_Id#"/>
</cfinvoke>

<ul id="menu">
    <li>            
        <a id="MainMenu" href="#">Reports and tools</a>
        <ul>
        <cfloop query="GetMenuHeadRet">
            <cfif GetMenuHeadRet.recordcount gt 0>
            <li style="background-color:#E6E6E6;">
                <cfoutput><a href="##">#Description#</a></cfoutput>
                <cfinvoke component="cfc.MainMenu"  method="GetMenuItem" 
        returnvariable="GetMenuItemRet">
                    <cfinvokeargument name="menukey" value="#ID#"/>
                    <cfinvokeargument name="User_Id" value="#User_Id#"/>
                </cfinvoke>

                <ul>
                    <cfif GetMenuItemRet.recordcount gt 0>
                        <cfloop query="GetMenuItemRet">                                                 
                                <cfoutput><li><a title="#report_Desc#" 
      onClick="Refresh();" href="#URL#?uid="#User_Id# 
      target="_blank">#Report_Name#</a></li></cfoutput>
                        </cfloop>
                    </cfif>
                </ul>
            </li>
            </cfif>
        </cfloop>
      </ul>
    </li>
</ul>
</body>
</html>

IE兼容性视图导致Javascript菜单向后渲染屏幕

0 个答案: