这就是说多很怪片段IE8+兼容性问题都OK了(这里的IE8+主要是据IE8那么多很特别一些IE8+兼容性问题都OK了(这里的IE8+主要是赖IE8那么基本上很充分有IE8+兼容性问题都OK了(这里的IE8+主要是凭借IE8

正文分享下自家以品种中积累的IE8+兼容性问题的解决措施。根据本人之实践经验,如果你当写HTML/CSS时候是依W3C推荐的法门写的,然后下的几乎沾都关切了,那么多很可怜一些IE8+兼容性问题都OK了(这里的IE8+主要是借助IE8,据个人目测,IE9+的渲染效果已大好了)。

正文分享下自家当路面临攒之IE8+兼容性问题的缓解智。根据本人的实践经验,如果你于描绘HTML/CSS时候是依W3C推荐的法门写的,然后下的几沾都关心了,那么多很酷一部分IE8+兼容性问题都OK了(这里的IE8+主要是借助IE8,据个人目测,IE9+的渲染效果已大好了)。

本文分享下自家于品种中攒的IE8+兼容性问题的解决措施。根据本人之实践经验,如果你在描写HTML/CSS时候是按W3C推荐的法门写的,然后下的几乎沾都关切了,那么基本上很十分一些IE8+兼容性问题都OK了(这里的IE8+主要是凭借IE8,据个人目测,IE9+的渲染效果已大好了)。

早期准备

测试IE兼容性必须要在Windows中测,而且是Win7+,因为WinXP最高仅支持IE8,IE9就呵呵啦!大部分开Web的童鞋都未是采取Windows做呢付出环境,要么是Linux发行版,要么是Mac
OS。怎么惩罚?一般发生2种艺术:

  • 开Windows虚拟机
  • 拿出条件暂时切换至Windows

假如您的机械足够快,我推荐前一样种植方式。但要是机器坏,开虚拟机就会要命卡。如果你是Pythonista,我事先写的等同篇日记《当Windows中增建筑Python
Web开发条件》可能会见对而出硌用处。

自家觉着好将精力集中在即时几乎个浏览器上:IETester(IE8-IE9)、360浏览器、搜狗浏览器、Chrome。IETester测完了建议重新就此真的IE8、IE9过一样整,以防万一。

首准备

测试IE兼容性必须要当Windows中测,而且是Win7+,因为WinXP最高仅支持IE8,IE9就呵呵啦!大部分举行Web的童鞋都非是采用Windows做吧开发环境,要么是Linux发行版,要么是Mac
OS。怎么惩罚?一般生2种方法:

  • 开Windows虚拟机
  • 用出条件暂时切换至Windows

要是您的机械足够快,我推荐前一样种植办法。但要机器坏,开虚拟机就会见特别卡。如果您是Pythonista,我前面写的同等首日记《于Windows中长建筑Python
Web开发环境》可能会见针对君产生接触用处。

我认为可以管精力集中在马上几乎单浏览器上:IETester(IE8-IE9)、360浏览器、搜狗浏览器、Chrome。IETester测完了建议还用诚实的IE8、IE9过千篇一律普,以防万一。

最初准备

测试IE兼容性必须使以Windows中测,而且是Win7+,因为WinXP最高仅支持IE8,IE9就呵呵啦!大部分开Web的童鞋都无是用Windows做呢付出条件,要么是Linux发行版,要么是Mac
OS。怎么惩罚?一般发生2种植办法:

  • 开Windows虚拟机
  • 拿开发环境暂时切换至Windows

万一您的机足够快,我推荐前同一栽艺术。但假如机器坏,开虚拟机就会见死卡。如果你是Pythonista,我前面写的平首日记《在Windows中益建筑Python
Web开发条件》可能会见指向你生接触用处。

接下来要以Windows里装用于测试的浏览器,查了下百度统计的近年叔只月之浏览器份额:

图片 1

自当好把精力集中在这几只浏览器上:IETester(IE8-IE9)、360浏览器、搜狗浏览器、Chrome。IETester测完了建议还就此实际的IE8、IE9过相同总体,以防万一。

DOCTYPE

第一需保证您的HTML页面开始有只要发DOCTYPE声明。DOCTYPE告诉浏览器采用什么的HTML或XHTML规范来解析HTML文档,具体会影响:

  • 本着符、attributes 、properties的律规则
  • 对浏览器的渲染模式有震慑,不同的渲染模式会影响至浏览器对于CSS
    代码甚至 JavaScript 脚本的分析

DOCTYPE是大主要之,目前之最佳实践就是当HTML文档的首行键入:

<!DOCTYPE html>

对于DOCTYPE的求实阐释就非开展了,可以参考:《科学运用DOCTYPE》、《CS002:
DOCTYPE
与浏览器模式分析》。

DOCTYPE

率先需要确保您的HTML页面开始有的比方产生DOCTYPE声明。DOCTYPE告诉浏览器采用什么的HTML或XHTML规范来解析HTML文档,具体会潜移默化:

  • 对符、attributes 、properties的羁绊规则
  • 针对浏览器的渲染模式有潜移默化,不同的渲染模式会影响及浏览器对于CSS
    代码甚至 JavaScript 脚本的解析

DOCTYPE是挺主要之,目前底超级实践就是当HTML文档的首行键入:

<!DOCTYPE html>

对于DOCTYPE的现实性阐释就非开展了,可以参照:《是的用DOCTYPE》、《CS002:
DOCTYPE
与浏览器模式分析》。

DOCTYPE

率先需要确保您的HTML页面开始有的而发出DOCTYPE声明。DOCTYPE告诉浏览器采用什么的HTML或XHTML规范来解析HTML文档,具体会潜移默化:

  • 本着符、attributes 、properties的牢笼规则
  • 对浏览器的渲染模式起震慑,不同之渲染模式会潜移默化至浏览器对于CSS
    代码甚至 JavaScript 脚本的剖析

DOCTYPE是老大重要的,目前的特等实践就是于HTML文档的首尽键入:

<!DOCTYPE html>

对此DOCTYPE的现实性阐释就不进行了,可以参照:《没错采取DOCTYPE》、《CS002:
DOCTYPE
与浏览器模式分析》。

采取meta标签调节浏览器的渲染方式

IE8中来一个“兼容性视图”的定义,当初IE8发布时,相对于IE6/7已经做出了老充分的改进,但是过多一味站点只有针对IE6/7拓展了优化,使用IE8渲染反而会雷同团糟。为了照看这些苦逼的前端工程师,IE8加入了“兼容性视图”功能,这样的话就足以当IE8中使用IE6或IE7的基础渲染页面。这个本不是咱们纪念要之,所以用以meta标签来强制IE8使用最新的内核渲染页面,代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE=edge意味着强制行使IE最新内核,chrome=1意味着只要安了针对IE6/7/8相当本的浏览器插件Google
Chrome
Frame(可以叫用户之浏览器外观还是IE的菜单与界面,但用户在浏览网页经常,实际上以的凡Chrome浏览器内核),那么就是因故Chrome内核来渲染。关于这meta标签的切实说明,可参见StackOverflow上之美回答。

境内存在不少双对浏览器比如360浏览器、搜狗浏览器,它们是怎决定有页面到底下啊种基本渲染?下面引用一段360浏览器v6新特性的官方说明:

鉴于众所周知的情,国内的主流浏览器都是对按浏览器:基于Webkit内核用于常用网站的霎时浏览。基于IE的基础用于兼容网银、旧本子网站。以360底几迟迟浏览器为例,我们先行通过Webkit内核渲染主流的网站,只出微量的网站经过IE内核渲染,以确保页面兼容。在过去老丰富一段时间里,我们重点的决定手段是一个几百k大小网址库,一个经永人工运营收集的网址库。

尽管我们着力通过用户举报、代码标签智能判断技术提高浏览器的机关切核准确率。但是以博景下,我们还无法达成百份百不利。因此,我们新长了一个操手段:内核控制Meta标签。只要您以和谐之网站里增加一个Meta标签,告诉360浏览器是网址应该用哪个内核渲染,那么360浏览器就是会见当读取到者标签后,立即切换对应的基础。并以这作为采取叫这个二级域名下有网址。

缓解智360既告知我们了,通过meta标签的方式建议该采取Webkit,代码如下:

<meta name="renderer" content="webkit">

本身没有做细的查,不懂得其他的复按浏览器是否支持是特性。

下meta标签调节浏览器的渲染方式

IE8中产生一个“兼容性视图”的概念,当初IE8发布时,相对于IE6/7曾经做出了颇可怜之精益求精,但是过多始终站点就针对IE6/7拓展了优化,使用IE8渲染反而会雷同团糟。为了照看这些苦逼的前端工程师,IE8加入了“兼容性视图”功能,这样的话就好在IE8中使用IE6或IE7的基本渲染页面。这个当然不是咱们怀念使之,所以待采取meta标签来强制IE8使用时的基业渲染页面,代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE=edge表示强制行使IE最新内核,chrome=1代表一旦设置了对IE6/7/8等于本的浏览器插件Google
Chrome
Frame(可以为用户的浏览器外观还是IE的菜谱与界面,但用户在浏览网页经常,实际上采取的是Chrome浏览器内核),那么尽管因此Chrome内核来渲染。关于此meta标签的切实可行说明,可参见StackOverflow上的优质回答。

国内是很多双双对浏览器比如360浏览器、搜狗浏览器,它们是怎决定之一页面到底下啊种基础渲染?下面引用一截360浏览器v6新特点的法定说明:

由众所周知的事态,国内的主流浏览器都是双料审查浏览器:基于Webkit内核用于常用网站的快浏览。基于IE的木本用于兼容网银、旧本子网站。以360之几乎舒缓浏览器也例,我们事先通过Webkit内核渲染主流的网站,只发微量的网站经过IE内核渲染,以保险页面兼容。在过去特别丰富一段时间里,我们要的主宰手段是一个几百k大小网址库,一个透过长远人工运营收集之网址库。

尽管我们大力通过用户反馈、代码标签智能判断技术提高浏览器的活动切核准确率。但是于众情形下,我们还是无法达标百份百不利。因此,我们新添了一个说了算手段:内核控制Meta标签。只要你在好之网站里长一个Meta标签,告诉360浏览器是网址应该用哪个内核渲染,那么360浏览器就是会在读取到此标签后,立即切换对应之基础。并拿之行为使叫此二级域名下所有网址。

解决方式360业已告知我们了,通过meta标签的法门建议该应用Webkit,代码如下:

<meta name="renderer" content="webkit">

自我从不举行细致的调研,不晓其他的对审结浏览器是否支持这个特性。

以meta标签调节浏览器的渲染方式

IE8中产生一个“兼容性视图”的定义,当初IE8发布时,相对于IE6/7已做出了深很的改进,但是多一味站点只有对IE6/7进展了优化,使用IE8渲染反而会同样团糟。为了照看这些苦逼的前端工程师,IE8加入了“兼容性视图”功能,这样的话就可以当IE8中使用IE6或IE7的基本渲染页面。这个当不是我们怀念如果的,所以需要利用meta标签来强制IE8使用最新的基石渲染页面,代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE=edge表示强制行使IE最新内核,chrome=1代表若安了对IE6/7/8等于版本的浏览器插件Google
Chrome
Frame(可以被用户之浏览器外观还是IE的菜单和界面,但用户以浏览网页时,实际上利用的凡Chrome浏览器内核),那么即便用Chrome内核来渲染。关于此meta标签的切实可行说明,可参见StackOverflow上之理想回答。

境内存在多双对浏览器比如360浏览器、搜狗浏览器,它们是怎么决定某个页面到底以啊种基础渲染?下面引用一段360浏览器v6新特性的官认证:

是因为众所周知的情事,国内的主流浏览器还是双核对浏览器:基于Webkit内核用于常用网站的飞浏览。基于IE的木本用于兼容网银、旧本子网站。以360之几乎款浏览器为条例,我们先通过Webkit内核渲染主流的网站,只生少量的网站经过IE内核渲染,以保页面兼容。在过去够呛丰富一段时间里,我们要的操纵手段是一个几百k大小网址库,一个通过长期人工运营收集之网址库。

尽管我们尽力通过用户反馈、代码标签智能判断技术提高浏览器的全自动切核准确率。但是以无数景象下,我们仍然鞭长莫及达成百份百毋庸置疑。因此,我们新加了一个操手段:内核控制Meta标签。只要您于协调的网站里长一个Meta标签,告诉360浏览器是网址应该用哪个内核渲染,那么360浏览器就会以读取到这个标签后,立即切换对应的本。并以是作为采取叫这二级域名下拥有网址。

缓解方式360已报我们了,通过meta标签的方建议该采用Webkit,代码如下:

<meta name="renderer" content="webkit">

自身没开仔细的查证,不掌握其他的双双审查浏览器是否支持这个特性。

Media Query

IE8似乎无法甄别Media
Query,所以要hack一下呐!推荐下Respond.js解决这个题材,具体方法参见它的文档即可。

Media Query

IE8似乎无法辨认Media
Query,所以要hack一下啦!推荐用Respond.js缓解此题材,具体方法参见它的文档即可。

Media Query

IE8似乎无法辨识Media
Query,所以需要hack一下呐!推荐下Respond.js缓解是问题,具体方法参见它的文档即可。

落实CSS3的一些特征

IE8不支持CSS3的过多新特性,不过我们可采取部分比成熟的hack方法,我利用的凡CSS3
PIE,它支持之性状有这些:border-radius、box-shadow、border-image、multiple
background images、linear-gradient等。

特别注意:请一定阅读CSS PIE给起之Know
Issues。

兑现CSS3的某些特征

IE8不支持CSS3的累累初特征,不过我们得行使一些比较成熟的hack方法,我利用的凡CSS3
PIE,它支持的特色有这些:border-radius、box-shadow、border-image、multiple
background images、linear-gradient等。

特别注意:请一定阅读CSS PIE给有之Know
Issues。

落实CSS3的一点特点

IE8不支持CSS3的广大初特点,不过我们可下有于成熟之hack方法,我使用的是CSS3
PIE,它支持的表征有这些:border-radius、box-shadow、border-image、multiple
background images、linear-gradient等。

特别注意:请一定阅读CSS PIE给闹底Know
Issues。

识别HTML5元素

要是您以前者代码中运用了HTML5的新签(nav/footer等),那么在IE中这些标签或者无法正常显示。我下html5shiv,具体以方法展现文档。

识别HTML5元素

如你当前端代码中使用了HTML5的初标签(nav/footer等),那么当IE中这些标签或者无法正常显示。我下html5shiv,具体以方法展现文档。

识别HTML5元素

一旦你在前端代码中以了HTML5的初签(nav/footer等),那么当IE中这些标签或者无法正常显示。我使用html5shiv,具体用办法展现文档。

关于max-width

还有一个以IE8中经常遇到的题材就是是max-width,网页中图纸的尺码可能比较厚实,我会见于其装max-width: 100%来界定其宽度最充分啊父容器的大幅度,但是有时也非奏效,慢慢摸索才获知IE解析max-width所遵循的规则:严格要求直接父元素的升幅是稳的。经试验发现Chrome所遵守的条条框框比IE松一些,所以这个题材应该无落为IE兼容性问题,不过自己或提一下吧。分享两只自己遇上的气象:

(1)td中的max-width

苟对td中之img元素设置max-width: 100%,在IE和Firefox你见面发觉无见效,而当Chrome中倒是好的。经询问发现需要给table设置table-layout: fixed,对此属性的切切实实说明见W3School。

(2)嵌套标签中的max-width

如下的HTML结构:

<div class="work-item">
    <a href="#" class="work-link">
        <img src="sample.jpg" class="work-image img-responsive">
    </a>
</div>

尽外层元素.work-item安装了一定宽度,但是本着img设置max-width为100%却无效,后来才意识需重对a标签设置width: 100%,这样才能够要尽内层的img标签充满整个div。

关于max-width

再有一个在IE8中经常遇到的题材虽是max-width,网页遭到图纸的尺寸可能较殷实,我会见给其装max-width: 100%来限制其宽度最深也父容器的大幅度,但是有时也休见效,慢慢寻找才获知IE解析max-width所遵循的规则:严格要求直接父元素的升幅是永恒的。经试验发现Chrome所遵守的条条框框比IE松一些,所以这个题材应不属为IE兼容性问题,不过我要提一下咔嚓。分享两独自遇到的气象:

(1)td中的max-width

只要对td中的img元素设置max-width: 100%,在IE和Firefox你见面发觉不见效,而以Chrome中却是足以的。经询问发现要让table设置table-layout: fixed,对此属性的具体说见W3School。

(2)嵌套标签中之max-width

如下的HTML结构:

<div class="work-item">
    <a href="#" class="work-link">
        <img src="sample.jpg" class="work-image img-responsive">
    </a>
</div>

极致外层元素.work-item设置了定点宽度,但是本着img设置max-width为100%倒无效,后来才意识欲重新对a标签设置width: 100%,这样才会要尽内层的img标签充满整个div。

关于max-width

再有一个以IE8中经常遇上的问题就是max-width,网页遭到图纸的尺码或较松,我会见受它们装max-width: 100%来限制其涨幅最可怜也父容器的宽,但是有时也非见效,慢慢寻找才得知IE解析max-width所遵循的条条框框:严格要求直接父元素的涨幅是原则性的。经试验发现Chrome所遵守的平整比IE松一些,所以是问题应该不属也IE兼容性问题,不过我或提一下咔嚓。分享两独自我遇上的现象:

(1)td中的max-width

假如对td中的img元素设置max-width: 100%,在IE和Firefox你会意识未奏效,而以Chrome中倒是好的。经查询发现用给table设置table-layout: fixed,对此属性的实际说见W3School。

(2)嵌套标签中之max-width

如下的HTML结构:

<div class="work-item">
    <a href="#" class="work-link">
        <img src="sample.jpg" class="work-image img-responsive">
    </a>
</div>

无限外层元素.work-item设置了稳定宽度,但是对img设置max-width为100%却于事无补,后来才意识得还针对a标签设置width: 100%,这样才会要尽内层的img标签充满整个div。

嵌套inline-block下padding元素重叠

HTML代码:

<ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
</ul>

CSS代码:

ul li{
    display: inline-block;
}
ul li a{
    display: inline-block;
    padding: 10px 15px;
}

按说来说a标签中的偏离该是30px,但当IE8中出现了层,只来15px。这里和这里为波及了平的问题。我的解决方法是应用float: left替代display: inline-block兑现程度布局。

嵌套inline-block下padding元素重叠

HTML代码:

<ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
</ul>

CSS代码:

ul li{
    display: inline-block;
}
ul li a{
    display: inline-block;
    padding: 10px 15px;
}

按理来说a标签中的相距该是30px,但每当IE8中出现了层,只发生15px。这里和这里啊关系了同一的题目。我的化解智是使float: left替代display: inline-block落实程度布局。

嵌套inline-block下padding元素重叠

HTML代码:

<ul>
    <li><a>1</a></li>
    <li><a>2</a></li>
    <li><a>3</a></li>
</ul>

CSS代码:

ul li{
    display: inline-block;
}
ul li a{
    display: inline-block;
    padding: 10px 15px;
}

按说来说a标签中的离开该是30px,但当IE8中出现了层,只出15px。这里和这里为论及了扳平的问题。我的解决方法是采用float: left替代display: inline-block兑现程度布局。

placeholder

IE8下未支持HTML5属性placeholder,不过呢缓解之题材的js插件挺多之,比如:jquery-placeholder。

placeholder

IE8下不支持HTML5属性placeholder,不过为缓解这题材的js插件挺多的,比如:jquery-placeholder。

placeholder

IE8下非支持HTML5属于性placeholder,不过也缓解者问题之js插件挺多的,比如:jquery-placeholder。

last-child

first-child是CSS2的情,但是last-child就未是了,所以IE8不进账。推荐的做法未是用last-child,而是叫最终一个元素设置一个.last的class,然后针对这个展开体制设置,这样尽管不折不扣配合了。

last-child

first-child是CSS2的始末,但是last-child就未是了,所以IE8不买账。推荐的做法未是利用last-child,而是让最终一个元素设置一个.last的class,然后针对是开展体制设置,这样就合郎才女貌了。

last-child

first-child是CSS2的始末,但是last-child就不是了,所以IE8不请账。推荐的做法不是下last-child,而是让最终一个素设置一个.last的class,然后针对斯开展体制设置,这样就整个匹了。

background-size: cover

假若您想用background-size: cover安装全屏背景,很遗憾IE8办未交…但可以动用IE独有的AlphaImageLoader滤镜来贯彻,添加同漫长之类的CSS样式:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=Size , src=URL)

将sizingMethod设置为scale就OK了。

尚从未竣工,如果你当这背景之上放置了链接,那是链接是无能为力点击的。一般情况下的解决办法是也链接或者按钮添加position:relative万一其相对浮动。

background-size: cover

若您想利用background-size: cover安装全屏背景,很遗憾IE8办未交…但可以动用IE独有的AlphaImageLoader滤镜来促成,添加同条之类的CSS样式:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=Size , src=URL)

将sizingMethod设置为scale就OK了。

尚并未竣工,如果你当斯背景之上放置了链接,那是链接是无力回天点击的。一般情况下的解决办法是吧链接或者按钮添加position:relative只要该相对浮动。

background-size: cover

如果你想采取background-size: cover安装全屏背景,很遗憾IE8办未交…但足动用IE独有的AlphaImageLoader滤镜来兑现,添加同长长的之类的CSS样式:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=Size , src=URL)

将sizingMethod设置为scale就OK了。

尚从来不竣工,如果您当这个背景之上放置了链接,那是链接是力不从心点击的。一般情况下的解决办法是啊链接或者按钮添加position:relative倘该相对浮动。

filter blur

CSS3饱受提供支撑滤镜效果的性能filter,比如支持高斯模糊效果的blur(类似iOS7的功用):

filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);

IE8对filter: blur(10px)的显得效果是对HTML元素进行小范围的混淆处理,这个功能并无是高斯模糊,要惦记支持高斯模糊,需要如下设置:

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');

在实践中发现一个坑就是,所有position: relative的要素都非见面立竿见影。

任何的觉察是,IE9对filter: blur(10px)无效,而对filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');大凡针对性素小范围的歪曲效果。

filter blur

CSS3中提供支撑滤镜效果的习性filter,比如支持高斯模糊效果的blur(类似iOS7的效用):

filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);

IE8对filter: blur(10px)的示力量是指向HTML元素进行小范围的混淆处理,这个作用并无是高斯模糊,要想支持高斯模糊,需要如下设置:

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');

在实践中发现一个坑就是,所有position: relative的因素还非会见立竿见影。

外的觉察凡是,IE9对filter: blur(10px)无效,而对filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');大凡对准素小范围之歪曲效果。

filter blur

CSS3遭提供支撑滤镜效果的性能filter,比如支持高斯模糊效果的blur(类似iOS7的法力):

filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);

IE8对filter: blur(10px)的显得力量是对HTML元素进行小范围之混淆处理,这个意义并无是高斯模糊,要惦记支持高斯模糊,需要如下设置:

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');

在实践中发现一个坑就是,所有position: relative的素都不见面立竿见影。

别的觉察是,IE9对filter: blur(10px)无效,而对filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');大凡针对性素小范围之歪曲效果。


好了,目前来说自己所遇的IE8+兼容性问题就这些啦。前端和后端我还举行一些,这样的利益在给一个人数能够单独开发网站,坏处就是每地方都未精。如果你有大重要之互补,或者另行好之化解方法,欢迎告诉自己!

 

来源:http://www.hustlzp.com/post/2014/01/ie8-compatibility

相关文章