ie9 与 firefox、chrome浏览器 css、js兼容问题
2013-03-09 15:05
671 查看
最近一直在给老师做一个B/S项目,我一直是在firefox和chrome上开发的,
给老师看进度的时候在ie上时了下,结果网页布局那是一个看不得啊;
布局完全乱套了,但是最致命的不是这个,是我使用ajax请求的时候返回的一直是“”;
在firefox和chrome上都能够拿到值啊,为什么在ie上有问题呢?
我想是不是我使用jquery版本不支持ie9,所以我去下了最新版的jquery;
话说jquery从1.5版就开始支持ie9了,但是换了之后还是没有得到回调的值;
之后使用ie9的调试工具,发现的确发送了ajax请求,jquery也调用了,而且也返回了状态码200,就是在success方法里的参数是“”;
后来一顿百度、谷歌,终于让一位前辈指点了,但是没有记下网址;
原因是这样:
当服务器返回的格式是json时,firefox和chrome都可以当做是文本来处理;但是ie看不懂,所以要指定响应头,内容为json格式:
response.setContentType("application/json");
这是在servlet中的方式,如果使用struts2怎么做呢?
做法是在struts2.xml文件的返回json的result标签内设置<param name="setContentType">application/json;charset=UTF-8</param>;
这样ie的ajax也能收到返回的json格式数据了。
还有一个问题是,在firefox中设置div水平居中,但是在ie中靠左;
设置div水平居中的做法是:
div的样式设置成:margin 0 auto;width : xxx;
这样在firefox和chrome中都没有问题,但是在ie中不起作用;
后来发现,在ie中要让div水平居中,光这样还不够,还需要设置div的父标签的样式,在样式中添加:text-align: center;
就OK啦,终于让这几个浏览器显示的效果一样了....
给老师看进度的时候在ie上时了下,结果网页布局那是一个看不得啊;
布局完全乱套了,但是最致命的不是这个,是我使用ajax请求的时候返回的一直是“”;
在firefox和chrome上都能够拿到值啊,为什么在ie上有问题呢?
我想是不是我使用jquery版本不支持ie9,所以我去下了最新版的jquery;
话说jquery从1.5版就开始支持ie9了,但是换了之后还是没有得到回调的值;
之后使用ie9的调试工具,发现的确发送了ajax请求,jquery也调用了,而且也返回了状态码200,就是在success方法里的参数是“”;
后来一顿百度、谷歌,终于让一位前辈指点了,但是没有记下网址;
原因是这样:
当服务器返回的格式是json时,firefox和chrome都可以当做是文本来处理;但是ie看不懂,所以要指定响应头,内容为json格式:
response.setContentType("application/json");
这是在servlet中的方式,如果使用struts2怎么做呢?
做法是在struts2.xml文件的返回json的result标签内设置<param name="setContentType">application/json;charset=UTF-8</param>;
这样ie的ajax也能收到返回的json格式数据了。
还有一个问题是,在firefox中设置div水平居中,但是在ie中靠左;
设置div水平居中的做法是:
div的样式设置成:margin 0 auto;width : xxx;
这样在firefox和chrome中都没有问题,但是在ie中不起作用;
后来发现,在ie中要让div水平居中,光这样还不够,还需要设置div的父标签的样式,在样式中添加:text-align: center;
就OK啦,终于让这几个浏览器显示的效果一样了....
相关文章推荐
- 解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
- Div+CSS浏览器兼容问题( FireFox IE6 IE7 IE8 IE9)
- 解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
- 解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- css和js的浏览器不兼容问题汇总
- 关于CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- important的妙用解决firefox和ie的css兼容问题
- Firefox兼容问题 JS改变textarea的wrap属性
- JS中 getYear 和 getFullYear 解决IE和 FireFox兼容问题
- CSS兼容IE6 IE7 IE8 IE9 Firefox的总结
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- firefox和ie js兼容问题
- js中日期的写法与firefox不兼容的问题
- CSS 设计中firefox IE Chrome兼容问题
- JS页面跳转ie,firefox,opera不兼容问题的解决
- HTML&amp;CSS&amp;JS兼容树(IE,Firefox,chrome)
- 关于CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)