最近在做ie8兼容,把遇到的问题整理了一下

1. margin:0 auto; 无法居中

解决方法:1.换成h4的文档类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. body,设置text-aligin:center; 缺点,其他标签也会居中
3. 需要居中的元素设置一个宽度,
{position:relative;width:1000px;left:50%;margin-left:-500px}

2. console 现象:
2.1 数据不加载,f12调试之后会出数据,并且不会报错。
解决方法:干掉所有的console

2.2 console未定义
解决方法,拓展一个
window.console = window.console || (function(){
var c = {}; c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile
= c.clear = c.exception = c.trace = c.assert = function(){};
return c;
})();

3. placeholder不生效
解决方法:进入 jquery.placeholder.min.js文件, $('input').placeholder();

4. border-radius 不生效
解决方法: 引入PIE.htc behavior:url('PIE.htc')

5. jquery load请求不回来数据 (跨域的情况下)
解决方法:使用ajax

6. IE8跨域的问题
jQuery.support.cors = true;

7. IE的解析方式,比较严格,所以记得闭合标签,标签符号
另外一句代码:在ajax请求的 header页面中。返回来之后会报语法错误,至于原因, I DON'T KNOW.
var app_path="http://guiyang.scity.cn/portal";

8. CSS3的选择器不支持。
rem不支持。
背景颜色渐变不支持。

9. 不知道json,引入js文件 json2.js

10. ie8线上和线下的差异,多调试,反正我还没有找到规律。

可能原因:1.本地采用的是file协议,远程浏览是http协议,两个之间有区别。
2.文件编码问题,最好统一“<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />”

11. ajax请求回来的js文件
现象:1.要加载,不执行
2.只执行script便签里面的js代码,但是不执行script标签引入的js文件。

12.$(this).val() 获取回来有问题
解决方案: $("#id").val()

13. jquery的html()方法 和原生的innerHTML 属性的差异
1.在ie下的tbody的 tr,td的内容是只可读,html()采用了try catch的方法

IE不容易,且做且珍惜。

ie8兼容的更多相关文章

  1. IE8兼容<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    转自:http://nicyea.iteye.com/blog/719007 前言 X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与 conten ...

  2. ie8兼容圆角

    ie8兼容圆角 PIE.HTC下载地址:http://css3pie.com/ 兼容ie8 代码如下: <!DOCTYPE html> <html> <head> ...

  3. 使用X-UA-Compatible来设置IE8兼容模式

    使用X-UA-Compatible来设置IE8兼容模式 本文向大家描述一下如何使用X-UA-Compatible来设置IE8兼容模式,X-UA-Compatible是针对IE8兼容模式,X-UA-Co ...

  4. H5C3--语义标签以及语义标签IE8兼容,表单元素新属性,度量器,自定义属性,dataList,网络监听,文件读取

    HTML5新增标签以及HTML5新增的api     1.H5并不是新的语言,而是html语言的第五次重大修改--版本     2.支持:所有的主流浏览器都支持h5.(chrome,firefox,s ...

  5. IE8兼容问题汇总

    一.css的hack写法 IE8 CSS hack 就是在属性后面加上 \9 或者 \0,代码如下: color:#FFF\0; /* IE8 */ color:#FFF\9; /* 所有IE浏览器( ...

  6. 360兼容模式==ie8 兼容模式下 span标签占位问题

    ie8 兼容模式 ie8 标准渲染 应付金额 穿位 错误代码 <span class="span_em">应付金额:<em><span style=& ...

  7. IE8兼容placeholder的方案

    用JavaScript解决Placeholder的IE8兼容问题 placeholder属性是HTML5新添加的属性,当input或者textarea设置了该属性后,该值的内容将作为灰色提示显示在文本 ...

  8. prototype.js的Ajax对IE8兼容问题解决方案

    你是否遇到过这样的问题?在使用protype.js的Ajax应用时,会出现这样的问题:只要调用了Ajax.Request,然后点该页面右键,查看“属性”就弹出“IE停止工作”的对话框,然后强制重新加载 ...

  9. javascript ie8兼容 a标签href javascript:void(0);

    ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;

随机推荐

  1. AsyncTask

    package com.gg.test; import java.io.IOException; import org.apache.http.HttpResponse;import org.apac ...

  2. 基于UDP协议模拟的一个TCP协议传输系统

    TCP协议以可靠性出名,这其中包括三次握手建立连接,流控制和拥塞控制等技术.详细介绍如下: 1. TCP协议将需要发送的数据分割成数据块.数据块大小是通过MSS(maximum segment siz ...

  3. easyui-validatebox 验证

    required: "必选字段",        remote: "请修正该字段",        email: "请输入正确格式的电子邮件" ...

  4. SpringMVC 处理数据模型

    处理模型数据 Spring MVC 提供了以下几种途径输出模型数据: ModelAndView: 处理方法返回值类型为 ModelAndView 时, 方法体即可通过该对象添加模型数据 Map 及 M ...

  5. Tomcat内存优化参数

    set JAVA_OPTS=-Xms512m -Xmx512m -XX:PermSize=128M -XX:MaxNewSize=128m -XX:MaxPermSize=128m 在catalina ...

  6. Asp.net MVC 数据注解与验证

    数据注解特性定义在名称空间System.ComponentModel.DataAnnotations中(有些特性定义在其他名称空间中),它们提供了服务器端验证的功能,当在模型的属性上使用这些特性时,框 ...

  7. javafx之HTTP协议交互

    javafx端要获取获取如下信息: 服务器端获取的数据: javafx客户端发送的数据以及获取的数据: 工程目录: package Httputil; import IPsite.IPaddress; ...

  8. javascript学习之【new操作符】

    首先请大家思考这么一段代码,如下: <script>var jquery=function(){     console.log(this);};jquery();new jquery() ...

  9. IOS BLE蓝牙4.0

    前言: 自己做的项目里面有这么一个功能,总结归纳一下. 先导入必要的框架  CoreBluetooth.framework 在要用到蓝牙的文件里面导入以下头文件 #import <CoreBlu ...

  10. CSS3 Background-size

    详情见链接 http://www.w3cplus.com/content/css3-background-size/ 例子:http://www.topcss.org/demo/background- ...