IE浏览器兼容性问题
IE浏览器兼容性问题
提问于 2014-01-31 19:51:31
我们有一个web应用程序托管在WPS (webshere portlet服务器)上。我们的应用程序中有两个文件夹，名为ie & 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都是从这里加载的。这是一个现有的文件，在IE7或更低版本下工作正常。
<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>你能调查一下这个问题吗？提前感谢
回答 2
Stack Overflow用户
发布于 2014-02-01 07:29:04
更改此代码的第一行
<!--[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]>并指向适当的文件。您指出了这些文件的路径，但我没有看到它们中的任何一个遵循您提到的路径。
Stack Overflow用户
发布于 2014-02-01 15:25:23
只需输入以下代码，您的IE浏览器将默认在定义的兼容视图中打开。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 您的网站在IE7中运行良好，因此这是一个很好的解决方案，使ie7的默认兼容视图，这样您就不会有任何升级的IE版本的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21479419
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号