Question

我们有一个托管在WPS（webshere portlet服务器）上的Web应用程序。我们的应用程序中有两个文件夹，命名为ie＆amp; CSS。（这两个文件夹分别包含IE和非IE浏览器的css文件）

非IE浏览器的CSS文件位置： - \ theme \ egmk \ css \

IE浏览器的CSS文件位置： - \ egmk \ ie \ css \

当我们使用IE7浏览器访问我们的门户时，它从“\ egmk- \ ie \ css”文件夹中获取所有css文件，但对于IE8，它从“egmk \ css”文件夹中选取，这导致大的对齐和外观和放大器;在IE8浏览器中感觉问题。我们无法确定IE8浏览器问题的根本原因。

下面是在Head.jsp文件标签下定义的CCS文件，其中所有css都是加载的。这是一个现有的文件，适用于IE 7＆amp;以下。

<head><%--
--%><meta http-equiv="Expires" content="0"><%--
--%><meta http-equiv="Cache-control" content="no-cache"><%--
--%><meta http-equiv="Pragma" content="no-cache"><%--
--%><script type="text/javascript">history.go(1);</script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery-1.3.2.min.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery.autocomplete.min.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/cufon.js"/>'></script><%--
--%><style type="text/css">.cufon-canvas{text-indent:0!important;}@media screen,projection{.cufon-canvas{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}.cufon-canvas .cufon-alt{display:-moz-inline-box!important;display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;}.cufon-canvas canvas{position:relative!important;}}@media print{.cufon-canvas{padding:0!important;}.cufon-canvas canvas{display:none!important;}.cufon-canvas .cufon-alt{display:inline!important;}}</style><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/Helvetica_Neue_LT_Std_Condensed_400.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/behaviors.js"/>'></script><%--

<meta http-equiv="Refresh" content="600;URL=/wps/myportal">
--%><title><portal-fmt:text key="portal.title" bundle="nls.egmk-abn" /></title> <%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/menu.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/menufixer.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/compat.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/compatcalendar.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/calendar.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/calendar_new.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="print" href='<wps:urlFindInTheme file="css/print.css"/>'><%--
--%><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/overlib.css"/>'><%--
--%><link rel="stylesheet" type="text/css" href='<wps:urlFindInTheme file="css/jquery.autocomplete.css"/>'/><%--
--%><!--[if IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/ie7.css"/>'><![endif]--><%--
--%><![if ! IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/notie7.css"/>'><![endif]><%--
--%><!--[if IE 6]><script type="text/javascript" src='<wps:urlFindInTheme file="js/jquery.bgiframe.js"/>'></script><![endif]--><%--
--%><!--[if IE 6]><script type="text/javascript" src='<wps:urlFindInTheme file="js/ie6.js"/>'></script><![endif]--><%--
--%><style type="text/css">
/* add hover pseudoclass to elements */
* html body {
behavior: url('<wps:urlFindInTheme file="js/csshover3.htc"/>')
}
</style><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/portletBarIcons.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/menu.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/menu-popup.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFindInTheme file="js/preload.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-en.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-setup.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar_new.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-setup_new.js"/>'></script><%--
--%><script type="text/javascript" src='<wps:urlFind file="calendar/js/calendar-en_new.js"/>'></script><%--
--%><!--[if lte IE 7]><link rel="stylesheet" type="text/css" media="all" href='<wps:urlFindInTheme file="css/ie.css"/>'><![endif]--><%--
--%></head>

你能不能调查一下这个问题。提前致谢

Answer 1

更改此

的第一行

  
<!--[if lte IE 7]>  
<link rel="stylesheet" type="text/css"  
media="all" href='<wps:urlFindInTheme file="css/ie.css"/>  
'><![endif]-->

到

  
<!--[if gte IE 7]>  
or  
<!--[if IE 8]>

并指向相应的文件。你指出了文件的路径，但我看不到你提到的路径中的任何一个。

Answer 2

只需输入以下代码，您的IE浏览器默认会在定义的兼容视图中打开。

 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

您的网站在IE7中工作正常，因此它是制作ie7默认兼容视图的好方法，因此您对升级的IE版本不会有任何问题。

IE浏览器兼容性问题

2 个答案: