浏览器兼容性

Question

后台管理系统，一般情况下，各个浏览器都兼容哪些版本？

Answer 1

讲道理，现在后台管理系统，在我们这里基本都指定客户使用火狐或者谷歌浏览器了，并不需要考虑太多兼容性问题。客户使用IE9以下的话就弹出提示，请下载火狐，谷歌浏览器，给个下载链接。

Answer 2

目前IE8+

Answer 3

世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要考虑三方面：

1)、CSS兼容

2)、JavaScript兼容

3)、HTML兼容

兼容的一般标准

1)、在不同的主流的浏览器上表现效果一致

2)、能适应不同的屏幕大小

3)、能适应不同的分辨率与色彩深度

CSS Hack就是针对不同的浏览器或不同版本浏览器写特定的CSS样式达到让浏览器兼容的过程。
条件注释法

IE条件注释（Conditional comments）是IE浏览器私有的代码，在其它浏览器中被视为注释。

gt : greater than，选择条件版本以上版本，不包含条件版本 >

lt : less than，选择条件版本以下版本，不包含条件版本 <

gte : greater than or equal，选择条件版本以上版本，包含条件版本>=

lte : less than or equal，选择条件版本以下版本，包含条件版本 <=

! : 选择条件版本以外所有版本，无论高低

*只有IE浏览器认识条件注释、其它浏览器会跳过

样式内属性标记法

在CSS样式的属性名前或值后面添加特殊的字符让不同的浏览器解析。

“-″下划线是IE6专有的hack

“9″ IE6/IE7/IE8/IE9/IE10都生效

“0″ IE8/IE9/IE10都生效，是IE8/9/10的hack

“90″ 只对IE9/IE10生效，是IE9/10的hack

选择器前缀法

html 前缀只对IE6生效

+html +前缀只对IE7生效

@media screen9{...}只对IE6/7生效

@media 0screen {body { background: red; }}只对IE8有效

@media 0screen,screen9{body { background: blue; }}只对IE6/7/8有效

@media screen0 {body { background: green; }} 只对IE8/9/10有效

@media screen and (min-width:00) {body { background: gray; }} 只对IE9/10有效

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效

具体想知道更多可以参考CSS3浏览器兼容：http://www.php.cn/css-tutoria...