在ie8下，点击左边的树形导航栏，在右面板中，弹出相对应的内容，这些内容都写在iframe中，但是在ie8下，需要随便在页面上点击一下鼠标，才能显示内容，换成Firefox和ie7，都能正常的显示，求各位高手解答。
这是部分代码
- HTML code
-
<% @ page contentType = " text/html;charset=UTF-8 " %> <% @ include file = " /includes/jsp/init.jsp " %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < title > 系统首页 </ title > <!-- 引入基础的JS和CSS文件 --> <% @ include file = " /common/meta_ext.jsp " %> < link href ="/resources/css/index/index.css" rel ="stylesheet" type ="text/css" /> < link href ="/resources/css/index/index-treetab.css" rel ="stylesheet" type ="text/css" /> < script src ="/resources/js/index/index.js" type ="text/javascript" ></ script > < script src ="/resources/js/ext/ux/Portal.js" type ="text/javascript" ></ script > < script src ="/resources/js/ext/ux/PortalColumn.js" type ="text/javascript" ></ script > < script src ="/resources/js/ext/ux/Portlet.js" type ="text/javascript" ></ script > < script src ="/resources/js/ext/ux/TabCloseMenu.js" type ="text/javascript" ></ script > < script src ="/resources/js/jquery/jquery.js" type ="text/javascript" ></ script > < script type ="text/javascript" > var opername = ' <%= user.getOperName()%> ' ; Ext.onReady( function (){ Ext.QuickTips.init(); // 定义页头 var header = new Ext.Panel({ border: false , layout: ' anchor ' , region: ' north ' , margins: ' 0 0 1 0 ' , height: 100 , items: [{ xtype: ' box ' , el: ' header ' , border: false , anchor: ' none -1 ' }], bbar: [ ' -> ' , ' - ' ,{ xtype: ' splitbutton ' , text: ' 当前用户： ' + opername, iconCls: ' icon-user-male ' , menu: [{ text: ' 修改用户基本信息 ' , handler:help },{ text: ' 修改密码 ' , handler:help }] }, ' - ' ,{ text: ' 退出系统 ' , iconCls: ' icon-exit ' , handler: relogin }, ' - ' ] }); // 定义树菜单控件 var tree = new Ext.tree.TreePanel({ useArrows: true , animate: true , enableDD: false , border: false , rootVisible: false , autoScroll: true , containerScroll: true , bodyStyle: ' padding:3px ' , root: new Ext.tree.AsyncTreeNode({ id: ' -1 ' , draggable: false , leaf: false }), loader: new Ext.tree.TreeLoader({ dataUrl: ' /extAction.do?task=getTreeJson ' , listeners: { " beforeload " : function (treeLoader, node){ treeLoader.baseParams.id = node.id; } } }) }); tree.on( ' click ' , function (node, e){ if (node.id != - 1 && node.attributes.url != null ){ openUrl(node.attributes.url); } else { tree.expandPath(node.getPath()); } }); tree.on( ' beforeexpandnode ' , function (node){ if (node.id !=- 1 && node.getDepth() == 1 ){ tree.collapseAll(); } }); // 定义树菜单面板 var treePanel = new Ext.Panel({ region: ' west ' , collapsible: true , autoScroll: true , split: true , iconCls: ' icon-expand-all ' , title: ' 菜单导航 ' , width: 220 , maxWidth: 300 , minWidth: 220 , margins: ' 0 0 3 5 ' , items: tree }); // 定义主界面整体布局 var viewPort = new Ext.Viewport({ layout: ' border ' , items: [header, treePanel, new Ext.Panel({ id: ' main_panel ' , region: ' center ' , width: 400 , contentEl: ' con ' })] }); }); function openUrl(url){ if (url != null ){ document.getElementById( ' misFrame ' ).src = url; } } </ script > </ head > < body > < div id ="header" style ="background-image:url(/resources/images/background/header6.jpg);background-repeat: repeat-x;" > < img src ="/resources/images/background/toplf5.jpg" /> </ div > < div id ="con" style ="height:100%;" > < iframe src ="http://www.baidu.com" id ="misFrame" name ="misFrame" width ="100%" height ="100%" frameborder ="0" ></ iframe > </ div > </ body > </ html >=====================================================答案：在<head>中间加一句<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
-
-
-
本文转自左正博客园博客，原文链接：http://www.cnblogs.com/soundcode/archive/2011/12/16/2290324.html，如需转载请自行联系原作者
