前端开发 - 浏览器兼容问题（持续更新）

本文记录的是个人开发过程中遇到的有关于浏览器兼容的问题（持续更新）

一些我们经常遇到的浏览器兼容问题

1. ie浏览器

1.1 css3中伪类选择器的兼容性问题（ie8及以下）

对于一些:nth-child(n), nth-last-child,last-child,ie8并不支持，ie只支持:first-child这个选择器
解决方案 eg:

<ul>
    <li>....</li>
    <li>....</li>
    <li>....</li>
</ul>
//不兼容写法
ul li:nth-child(3){....}
//兼容写法
ul li:first-child+li+li{....}

1.2 rgba() 在IE8下的兼容性问题

//不兼容写法
rbga(0,0,0,0.5);
//兼容写法
background-color: rbga(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);

startColorstr=#7F000000,endColorstr=#7F000000

#7F(透明值对应的IEfilter值)000000（色值）

这样就完美兼容IE8了。