IE的兼容性问题是前端开发人员的老大难问题,不过随着时代的发展,IE6逐渐的被淘汰,现在以及很少有网站兼容IE6了,一般都兼容到IE8,现在我总结了一些IE8的兼容性问题及解决方法. 1.使用meta标签调节浏览器的渲染方式 IE8中有一个"兼容性视图"的概念,当初IE8发布时,相对于IE6/7已经做出了非常大的改进,但是很多老站点仅针对IE6/7进行了优化,使用IE8渲染反而会一团糟.为了照顾这些苦逼的前端工程师,IE8加入了"兼容性视图"功能,这样的话就可以在I…

看了网上的的帖子真是水的一塌糊涂,完全没有解决我和广大网友们的关于ie8下position兼容性问题. 网上有的技术我就不说了 ,大家自行搜索,我想说的重点是 ie8不支持html5的新标签.这是重点.因此有的童鞋怎么搜索网上再怎么实现也不会成功解决这个问题. 就比如html5的<header></header>标签. 现在解决办法有两种: 一.你将那些新标签全改成div(费事费时,还得从新规划css样式 ) 推荐: 二.用js代码让ie8可以识别那些新标签. 详解+步骤: 1.在…

DOCTYPE 首先需要确保你的HTML页面开始部分要有DOCTYPE声明.DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响: 对标记.attributes .properties的约束规则对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS 代码甚至 JavaScript 脚本的解析DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入: 对于DOCTYPE的具体阐述就不展开了,可以参考:<正确使用DOCTYPE>.&l…

IE8存在的问题1.不支持forEach循环,建议用原生2.不建议jQuery9(ajax存在部分问题),建议用jQuery8/73.不支持伪类元素4.颜色,不完全支持RGBA(33, 132, 255, 1),建议使用#2184ff这种5.不支持圆角border-radius,需要使用css3pie6.不支持input标签的placeholder属性,可能需要jquery解决7.IE8的input文本不居中,需要使用line-height: 40px;属性…

非常久没有写技术类的文章了.这几天在用bootstrap来做我们站点的UI框架,感觉还是不错的.只是遇到一点不大不小的问题,那就是有朋友在IE8下訪问我们的站点.界面变成了跟手机浏览一样的界面. 后来查了一下,原来bootstrap下对IE8及下面的iE浏览器都会有问题,百度了一下.得知了一些解决方法,大概就是用respond.js来解决,只是试了好几次都没有解决.后来就把getbootstrap.com/站点的首页源代码复制下来,看到他们的页面在IE8下是正常的.他们是採取了这种解决的方法:…

placeholder是HTML5中的一个属性,可以在文本框中设置placeholder属性来显示一些提示性的文字,但对IE10以下的浏览器不支持,下面方法可以让placeholder能够使用在IE10以下的版本中. 第一种方法是在页面中添加下面一段脚本: <script type="text/javascript"> if( !('placeholder' in document.createElement('input')) ){ $('input[placeholde…

不知道什么时候,ie8的“兼容性视图设置”变成了灰色,如图:  今天通过设置组策略,终以解决了这个问题: ie8的兼容性视图设置灰色的解决办法:运行gpedit.msc--用户配置/计算机配置--管理模板--windows组件--Internet Explorer--兼容性视图--全部设置为:未配置,问题解决了…

最近调PC版网站ie8的兼容性,发现所有ajax请求还没到后端服务器就直接ajax error了 ie8发不出ajax请求,断点调试发现ajax全进入了error,提示“No transport” 我是访问本机网站项目,所以配的是localhost,ie8不能像chrome浏览器通过启动命令开启跨域限制,所以用nginx对ajax请求做proxy_pass中转了 具体配置如下: server { listen 80; #listen 8787; server_name localhost; #c…

ie8下面margin:0 auto;不能居中的解决方案,ie8兼容性代码 今天写了个div,用margin:0 auto:来定义他的属性,让他居中,结果,竟然无效. 一开始以为是css里的代码冲突了,检查了好几遍,没问题,然后用火狐和谷歌浏览器测试,居中了... 看来是浏览器兼容性的问题,突然想起现在用了win7,ie已经升级到了ie8,看来问题就处在ie8的兼容性上.百度之.... 特将解决方法复制到下面: IE6,7,Firefox下实现居中一般用:margin: auto 来实现,但在I…

首先,为什么我会提出这样的方式来进行操作呢?原因还是需求导致: 在做项目中,有这样一个需求,在进行网页中图片查看的时候,需要对图片的操作有支持旋转和缩放这些操作,看似这样的网上插件有很多,对!但是对于IE8 的支持都不行啊~~~因为虽然很多 插件可以在 IE8进行图片旋转,比如jquery的rotate.js 插件很好用,但是在IE8 下面进行旋转之后,就不能在进行缩放了,因为它会自动生成一个固定大小的object 元素,我们就不能操作这个元素了!要不就是使用canvas, 但是我的需求是在旋转…