您的位置:首页 > Web前端 > CSS

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啦,终于让这几个浏览器显示的效果一样了....
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: