js获取浏览器信息轻松解决兼容性问题
首先行看浏览器对象属性如下：
浏览器版信息是可以通过javascript得到的
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
是否支持Java:navigator.javaEnabled()
MIME类型数:navigator.mimeTypes.length
操作系统平台:navigator.platform
插件数:navigator.plugins.length
用户代理:navigator.userAgent
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
是否支持Java:navigator.javaEnabled()
MIME类型数:navigator.mimeTypes.length
操作系统平台:navigator.platform
插件数:navigator.plugins.length
用户代理:navigator.userAgent
了解这属性后就好办了，般要用到的就是：navigator.appName这个，这是获取浏览器名字。
大概的思路是这样的：
1.先获取浏览器名子;
2.根据浏览器的名字来判断
3.分别设置css样式
这样不用css hack也可以做到浏览器的兼容了。