考虑有些客户用IE9外其他浏览器，给浏览器设计兼容模式，JSF 前端ie浏览器兼容性问题
今天碰见一个问题，在弄IE浏览器兼容性问题时：
<h:head>
<tittle>xxxxx</tittle>
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
....
....
<h:outputStylesheet library="css" name="jquery.js"/>
</h:head>这样写从写的代码上看是没啥错误，用IE9测试发觉没啥作用，在编译后生成的html文件中查看ie源码 发觉jsf自己带了一些不认识js引入（见下面源码说明):
源码大致：
<head>
<tittle>xxxxx</tittle>
<link href="xxx/faces/javax.faces.resours/them.css" rel="stylesheel " type="text/css"/>
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
....
....
<script src="jquery.js"/>
<head>找了资料说明<meta http-equiv="X-UA-Compatible" content ="IE-8"/>只能放在开头，不然其他会影响，慢慢找一直解决不了，最后给代码移动到<h:head>前面编译好了，前天查看源码也起作用了：
<meta http-equiv="X-UA-Compatible" content ="IE-8"/>
<h:head>
<tittle>xxxxx</tittle>
....
....
<h:outputStylesheet library="css" name="jquery.js"/>
</h:head>总结：JSF本身自己自己带了许多自定义js和css，在jsf转换成html源码后，会自己定义的js和css引入进来，而<meta http-equiv="X-UA-Compatible" content ="IE-8"/>只能放在头部才生效。而放在<h:head>前面编译会给<meta http-equiv="X-UA-Compatible" content ="IE-8"/>放在<head>里面再家jsf引用的js和css,所以后面IE就版本兼容转换过来了。最后就解决了。
相关推荐
huakaiwuxing 2015-07-17
一条鱼一条鱼 2014-04-18
guoxiaolong00 2013-06-03
洪宇 2014-04-18
dbLjy0 2012-02-25
bingkingboy 2014-09-30
BluewineY 2013-11-18
阳光暖心 2013-07-08
kyle00 2011-03-14
确实比较男 2010-12-14
gfsyy0 2010-11-04
mowengaoboa 2010-08-12
XuDTone 2010-06-05
tomatoboryj 2010-06-02
jacky的部落 2010-05-18
yixu0 2013-05-22
江巅 2010-01-26
牧场SZShepherd 2010-01-04