<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!-- 瀏覽器兼容：
原因：不同的瀏覽器對相同的代碼解析不一樣，會導致頁面的顯示不統一。
HTML
1.HTML元素的默認樣式不同，造成頁面佈局的錯亂
符合HTML編程規範；樣式重置
2.佈局
margin的兼容問題 同時設置左右方向的margin和float，在IE6下會產生雙邊距的問題
解決方式：給對應元素設置display:inline;
設置較小的高度時，在IE6,7中高度會超出指定的高
解決方式：重新設置元素的line-height屬性
display:inline-block; ie6,7不支持；換行會被解析
img下方的間隙問題：
img設置display:block; vertical-algin:top|bottom;
float
CSS：
1.透明度
IE：filter:alpha(opacity=60);
其他瀏覽器：alpha:0.6;
2.cursor:設置鼠標移入時的手指樣式：
cursor:pointer;
3.position:fixed;IE6不支持
解決法方式：position：absolute結合js實現固定定位的佈局
css3新增的屬性的瀏覽器支持
CSS hack:
優先選用其他方式解決兼容問題，不得已的時候可以採用hack
屬性前綴法；條件註釋 選擇器前綴法
不要過多的使用。
使用hack雖然對頁面的表現的一致性有好處，但是過多使用會造成文檔混亂繁雜，增加後期管理和維護的負擔。
JavaScript：
事件綁定:
自己通過js代碼實現兼容的寫法；或者使用目前主流和完善的一些第三方框架來實現瀏覽器的兼容。
HTML5新增的特性或元素和CSS3新增的屬性的兼容，對應查看對應的瀏覽器支持。
-->
</body>
</html>