@一蝴罪、需要兼容那些瀏覽器
根據(jù)用戶群體決定兼容哪些瀏覽器：
（1）面向普通用戶
IE8+，Chrome,Firefox
(2)企業(yè)級產(chǎn)品
IE9+，Chrome,Firefox
如何了解瀏覽器市場份額：
百度統(tǒng)計(jì)：http://#baidu.com/data/browser/
二驴党、瀏覽器兼容方案
1、css層疊原理
div {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
如上面代碼所示获茬，同一個屬性港庄，后面書寫的值會覆蓋前面書寫的值，并且對于瀏覽器無效的屬性值會被忽略恕曲。
2鹏氧、條件注釋
針對IE6，IE7佩谣，IE8把还，IE9的條件注釋，見如下代碼：
<!--[if lt IE 7]><html class='ie6'><![endif]-->
<!--[if IE 7]><html class='ie7'><![endif]-->
<!--[if IE 8]><html class='ie8'><![endif]-->
<!--[if IE 9]><html class='ie9'><![endif]-->
<!--[if (gt IE 9) | !(IE)]><!-->
<html class='W3C'>
<!--<![endif]-->
效果：
（1）chrome下：
Paste_Image.png
（2）IE下（如IE8）：
Paste_Image.png
這樣就可以針對不同的瀏覽器做兼容性處理了，如：
.ie8 .selector{
/*樣式*/
}
3吊履、CSS hack
具體示例見如下代碼：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>CSS Hack</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.tip {
/*chrome顯示blue*/
background: blue;
/*IE8 顯示red \9對IE8-6有效*/
background: red\9;
/*IE7 顯示black *前綴對IE7安皱、IE6有效*/
*background: black;
/*IE6 顯示orange _前綴對IE6有效*/
_background: orange;
}
</style>
</head>
<body>
<div class="tip">
123
</div>
</body>
</html>
