对于一个IE8兼容性问题的反思】的更多相关文章

近期做了一个需求,功能非常easy,把用户的优惠券数量读取出来,然后显示到"用户中心"上.开发完毕后.别的浏览器正常.可是到IE8上就不行了.并且,按下F12之后,就又能够载入出来了. 首先,找了前端人员,看了看,没有找到原因,她怀疑是脚本冲突,只是忙了半天,还是没有搞定. 其次,换浏览器,来回折腾. 最后,思考了一下,在加这个功能之前,数据也是那样子读取的,用ajax请求后台数据,然后写入到页面的指定标签中,那么为何自己加了一个类似的数据 就不行了呢? 于是,alert了前后的參数.…
css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6/7/8的属性 */color:red\0;              /* IE8支持 */*margin-bottom:450px;     /*IE6/7的属性*/  +margin-bottom:450px;_color:#ff0000;         /* 只ie6支持 */ #1 {…
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid…
DOCTYPE 首先需要确保HTML页面开始部分要有DOCTYPE声明.DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响: 1.对标记,attributes,properties的约束规则 2.对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析 DOCTYPE是非常关键的,目前的最佳时间就是在HTML文档的首行键入 <!DOCTYPE html> 使用meta标签调节浏览器的渲染方式 IE8中有一个…
DOCTYPE 首先需要确保你的HTML页面开始部分要有DOCTYPE声明.DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响: 对标记.attributes .properties的约束规则 对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS 代码甚至 JavaScript 脚本的解析 DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入: <!DOCTYPE html> 对于DOCTYPE的具体阐述就不展开了,可以参…
1,伪元素:first-child不起作用,需要单独指定样式名称 2,透明度表示方法,尤其在函数中表示 @mixin opacity($value) { -webkit-opacity: $value; -moz-opacity: $value; -ms-opacity: $value; -o-opacity: $value; filter: alpha(opacity=$value*100); //0~100的,所以这里需要*100 opacity: $value; } 3,input文字垂直…
做网站开发,一提到IE,就会让人头大,有一肚子的牢骚要发:微软为什么不跟着国际标准走呢,总是独树一帜,搞出那么多问题来.IE的firebug调试工具也不太好用,尤其是低版本的IE,更是让人头疼. 最近在做一个项目,本来要结项了,结果客户要求必须要满足IE8,不得不硬着头皮开始做IE8的兼容. 我们后台用的coffeescript语法,前台用的coffeekup语法.  兼容1:IE8下引用一些文件 ,语法如下 ie "lte IE 8", -> link href:"/…
1.css3媒体查询 IE8不支持媒体查询 解决:respond.js,在页面中所有css文件的引用位置之后引用Respond.js 2.HTML5新标签 IE8不支持H5新标签 解决:html5shiv.js,在页面中引用html5shiv.js文件.必须添加在页面的<head>元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部引用. 3.rem不兼容 rem是相对于根元素<html>的字体大小比率单位,成了目前主流的单位之一.IE9+开始支持,I…
由于业务的需要,我们竟然还要支持IE8,听着就让人很心酸呀.不过在进行适配的过程中,会发现还是有一定规律的,基本上帮相关问题改了,页面也就能正常显示了.下面就总结下对IE8适配过程中所进行的修改. 1. CSS不支持 rgb() 以及 rbga() 函数 建议在IE8上使用纯色而非带透明度的颜色,如果一定要使用有透明度的颜色的话,可以使用 filter:alpha(opacity=xx);来模拟,但需要注意,用 filter 设置的透明度是对整体设置的,跟 opacity 一样,而非仅仅对颜色起…
环境: jsp+jquery-1.11.1.min.js 问题描述: 使用$("#article标签id名").append(“xxxxxxxxx") ,chrome.firefox.ie10全部可以正常增加元素,唯独ie8下显示为空,调试无数次,才意识到IE9以下不支持HTML5标签,以下是百度到的解决办法,放在<head></head>里面即可. 这段代码的意思是如果ie版本低于ie8,就创建所有HTML5新标签. <!--[if lt IE…