最近做了个兼容ie8的项目,把遇到的一些坑总结一下,欢迎大神指正,共勉. 一. js相关 1.  关于库的引用 jquery只能引用1.x的版本,swiper只能引用2.x的版本. 2. 动态生成的dom, $().click 方法为其添加点击事件,需用on 或 live 方法进行绑定. 3. ie8不兼容forEach, 可用如下代码进行兼容 if ( !Array.prototype.forEach ) { Array.prototype.forEach = function forEach

说到这个问题,我就想吐槽下IE了,开发这么多版本,每个版本都有一些这样那样的问题不支持,别的正常的浏览器咋都能支持呢?真是垃圾浏览器!!!! 说归说,但是IE现在用的人多啊,怎么办?这个问题还是得解决啊. 先说说为什么低版本的IE不支持bootstrap呢?其实你们仔细查看一下代码就会发现,在IE下,页面根本没有使用bootstrap-responsive中的样式,原因是低版本的SB  IE不支持@media ,所以它就不能实现自适应了. 找了好久,后来终于找到别人写的JS来实现在IE下的自适应

一.在ie8下回有问题的代码 1.JQuery.validate验证框架是通过页面form表单提交验证<input/>标签中输入是否符合自己的规则的 <form id="cardTypeFrm"> <table width="100%" cellspacing="0" cellpadding="0" class="table_pzh"> <tbody> <

在代码前面加如下代码: if (!document.getElementsByClassName) { document.getElementsByClassName = function (className, element) { var children = (element || document).getElementsByTagName('*'); var elements = new Array(); for (var i = 0; i < children.length; i++

placeholder IE8下不支持HTML5属性placeholder,不过为解决此问题的js插件挺多的,比如:jquery-placeholder.也可以使用jquery来写. last-child first-child是CSS2的内容,但是last-child就不是了,所以IE8不买账.推荐的做法不是使用last-child,而是给最后一个元素设置一个.last的class,然后对此进行样式设置,这样就全部兼容了. 关于max-width 还有一个在IE8中经常遇到的问题就是max-w

IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的. 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug. 它们的如下: background: rgba(0,0,0,.5); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); IE f

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对

在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了. 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度.红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成.比如rgba(0,0,0,.5)就是透明度为0.5的黑色.现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即去掉了透明度,只能表示颜色). 网上的解决方法是: backg

标准参考 JSON 是一种数据交换格式,RFC 4627 对 JSON 进行了详细描述. 根据 ECMA-262(ECMAScript)第 5 版中描述,JSON 是一个包含了函数 parse 和 stringify 的简单对象.       parse 函数用来解析一个 JSON 文本(一个 JSON 格式的字符串)到一个 ECMAScript 值(例如 JSON 对象被解析为 ECMAScript 对象,       JSON 数组被解析为 ECMAScript 数组,其它类型以此类推):s

本文地址: http://www.cnblogs.com/blackmanba/p/solve-socketIO-IE8-emit-disconnect-too-long.html或者http://forkme.info/solve-socketIO-IE8-emit-disconnect-too-long/, 转载请注明源地址. 概述 Node.js是一个是一个构建在Chrome's JavaScript runtime上的应用程序.能够容易的建立起快速, 可扩展性的应用.Node.js采用事

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文 处理思路: 新添加一个标签,模仿placeholder属性 直接上代码: css部分: .input-item {

ueditor1.4.3  .net 版 在IE8 下,多图片上传完成后,点击确认时报错,无法插入图片到编辑器中 原因是 ueditor.all.js 中的 24835 行 if (whitList[tagName].indexOf(key) === -1) { node.setAttr(key); } 判断报错,IE8 不支持这样的写法, var _index = -1; for (var i = 0; i < whitList[tagName].length ; i++) { if (whi

昨天遇到一个问题,要实现一个背景透明的效果,用CSS3用rgba()就能实现,即 background: rgba(0,0,0,.5); 但是要兼容到IE8,就发现没有透明效果,因为IE8不支持rgba()函数.下面我们总结一下rgba()函数的含义. rgba的含义,r代表red,g代表green,b代表blue,a代表透明度.红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成.比如rgba(0,0,0,.5)就是透明度为0.5的黑色.现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是

复制网上的,没有他们那个类型的博客,所以就直接复制了 这些天在做一个效果,鼠标经过,PNG图片由透明变成不透明,jquery代 码:$(element).animate({"opacity":1},1000); 但是会出现黑边,晚上查了好多办法,分别对IE8设置过滤器啊等 等,都不见效果.后面看了一篇文章说ie6不是不支持PNG格式,而是不支持PNG-24,但是能支持PNG-8.这个给了我启发,我发现了有3个办法来 解决IE8下出现黑边的问题: 1.把图片保存成PNG-8格式. 2.把

关于在ie8下,监听输入框的值变化的input事件不支持的解决办法: 很懒...直接上原文地址.... 原文地址:http://www.cnblogs.com/lhb25/archive/2012/11/30/oninput-and-onpropertychange-event-for-input.html 但如果原作者删了这篇文章的话,我可能会有点傻眼,所以还是把我想要的代码搬过来备份一下吧,我也是懒的没谁了...... 使用jQuery库,需要同时绑定 oninput 和 onpropert

1.ie8下使用trim失效 trim可以除去字符串两侧的空白字符,但ie8并不支持 2.解决方案 String.prototype.trim = function () { return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ); }

IE8下导入EXCEL数据传到客户端以附件下载方式出现,而不显示数据,解决方法:以text/html格式返回. HttpResponseMessage message = new HttpResponseMessage(HttpStatusCode.OK); message.Content = new StringContent("数据", Encoding.UTF8, "text/html"); return message;

echarts的图在IE8下会浮在上层遮挡住其他组件,解决方式是页面中引入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

因为项目要表单验证,所以特意去找了jquery.validate这个应该是jquery官方团队出品的表单验证插件. 实际应用时,却在IE8调试时碰到了问题. 从jquery.validate官网下载了压缩包后,用demo中的页面在IE8下并不会报错 而我应用到实际页面中去却会在IE8下报错.如下图: 对比了demo中的页面后,略尴尬的发现,demo中引用的是jquery.validate.js,而我因为要应用到生产环境中,所以下意识的引用了其中的jquery.validate.min.js,也即

IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的,因此我们需要用到滤镜,来解决背景图片拉伸问题. 仅需如下代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/news/news-banner.png', sizingMethod='scale'); -ms-filter: prog

<!doctype html> <html> <head> <meta charset='utf-8'> <style> .title {background-color:#ccc;width: 150px} </style> </head> <body> <table style='width:600px'> <tr> <td class='title'>哈哈</td