Browser IE浏览器兼容性问题_Browser

Browser IE浏览器兼容性问题

browser

Browser IE浏览器兼容性问题,browser,Browser,我们有一个web应用程序，它托管在WPS（WebherePortlet服务器）上。我们的应用程序中有两个文件夹，名为ie&css。（这两个文件夹分别包含IE和非IE浏览器的css文件）非IE浏览器的CSS文件位置：--\theme\egmk\CSS\ IE浏览器的CSS文件位置：--\egmk\IE\CSS\ 当我们使用IE7浏览器访问我们的门户时，它会从“\egmk-\ie\css”文件夹中拾取所有css文件，但对于IE8来说，它是从“egmk\css”文件夹中拾取的，这会导致IE8浏览器中

我们有一个web应用程序，它托管在WPS（WebherePortlet服务器）上。我们的应用程序中有两个文件夹，名为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>

history.go（1）；。cufon画布{文本缩进：0！重要；}@媒体屏幕，投影{.cufon画布{显示：内联！重要；显示：内联块！重要；位置：相对！重要；垂直对齐：中间！重要；字体大小：1px！重要；行高：1px！重要；}.cufon画布.cufon alt{显示：-moz内联框！重要；显示：内联块！重要；宽度：0！重要；高度：0！重要；溢出：隐藏！重要；}.cufon画布{位置：相对！重要；}}@media print{.cufon canvas{padding:0！重要；}.cufon canvas画布{显示：无！重要；}.cufon canvas.cufon alt显示：内联！重要；}
/*向元素添加悬停伪类*/
*html正文{
行为：url（“”）
}

你能调查一下这个问题吗。

提前感谢

更改此文件的第一行

  
<!--[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]>


只需输入以下代码，您的IE浏览器就会在定义的兼容视图中默认打开
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> 



您的站点在IE7中运行良好，因此使IE7的默认视图兼容是一个很好的解决方案，这样您就不会对升级的IE版本有任何问题。
您建议的代码根本不起作用。事实上，我已经删除了整行代码，外观和感觉仍然与以前一样。属性href='nope.没有任何线索你的意思是什么。你知道条件评论是如何工作的吗？我为你提供的两个选项是针对ie8和以上的。它们有效，我一直在使用它们。