部分样式兼容ie8

相信大家在平常的工作中偶尔会需要做样式兼容ie8吧，ie8确实恶心，但是有的时候没有办法，这里小弟我总结了部分样式如何兼容ie8,供大家参考。

使用条件注释hack兼容 ie8

1.透明度opacity兼容ie8

opacity:0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

2.圆角兼容ie8

position:relative;
z-index:100;
behavior:url('/jxapp/Tpl/Index/Public/css/PIE.htc');

PIE.htc是一个外部引入文件

3.nth-child(2n){}兼容ie8

4.background-size兼容ie8

5.注意：弹性布局flex是不支持ie8的，所以在写项目之前要先确定好，不然需要重新布局！！！

6.媒体查询media兼容ie8

下载一个respond.min.js,直接百度就好，然后引入到你要兼容的条件注释里面

7.html5标签兼容ie8

html5media是一个很给力的JavaScript类库，它不依赖于任何JavaScript框架。使用了html5media之后，当浏览器不支持HTML5时，它将会自动切换成Flash模式的Flowplayer播放器。虽然，目前web播放器很多，但多数播放器仍为Flash播放器，处理代码上并不简洁。
使用html5media,首先在页面的head部分加入如下脚本

然后在使用html5标签即可

8.前端页面5位数字以上在苹果浏览器显示黑色问题

iPhone手机上的浏览器（如Safari），在解析网页的时候会自动给 像是电话号码的数字 加上link样式。解决方法：加上

<meta name="format-detection" content="telephone=no">

如还需要能拨打电话：加上a标签；加上tel=”122333333”属性