桌面端浏览器兼容性问题总结
这里有个非常好用的网站:http://caniuse.com,在这上面可以查各种CSS属性的兼容性,比如可以查到微软对border-radius属性的支持是从IE11开始的,这个地方如果考虑为优雅降级处理的话,就是IE11开始的现代浏览器里显示圆角,IE10及以下的浏览器里显示矩形;这个地方如果想都显示圆角的话,可以不使用border-radius属性,改为使用background-image背景图片,然后将圆角图片作为背景使用。 IE8出现的比Html5还早,不支持header、footer、article、nav这些新标签是能理解的。在IE8中,可以通过document.createElement('article'); 这样的方式来让IE8能对其进行识别,另外还需要在CSS里对这些元素进行display属性的声明,因为IE8并不知道他们是块级元素还是行内元素。这种重复性的工作早有现成的解决方案——可以直接使用一个叫html5shiv的js库(这种对页面样式潜在影响比较大的库,应当在head头部中就进行引入,而不是至于body结束标签处)。