浏览器兼容性问题

1、IE8是不支持CSS3属性的，如border-radius、transform。

2、谷歌浏览器的调试功能——配置其他浏览器的内核，就可以模拟在其他浏览器上的运行结果，有点不准。

3、jQuery的版本对IE8的支持仅在2.0.0以下。

4、很多时候我们可以避开浏览器上兼容的问题，比如当时在做下面这个页面时，时间图标下面的线要求自动延伸，我第一次采用了一种很不好的方式，整条线分为两个部分，1和2，1采用的是相对定位，2采用的是绝对定位，但不知道为什么在火狐和IE上出现了错位的现象，其他浏览器正常，当时一直想办法解决浏览器兼容的问题。
火狐浏览器@-moz-document url-prefix() { .selector { property: value; } }用这个解决了部分兼容问题，但IE如何解决，我却不知道。不过此时突然想到了一个绝妙的办法，1和2部分完全不用分开，直接做成一个整体，给最右边的框加上一个margin-bottom就行了，这就在各个浏览器中都表现良好了。

image.png