ref event對象 離開 解決方法 {} trac click bug 通過

1、瀏覽器默認的margin和padding不同。解決方式是加一個全局的*{margin:0;padding:0;}來統一。

2、png24為的圖片在iE6瀏覽器上出現背景，解決方式是做成PNG8。

3、IE6雙邊距bug:塊屬性標簽float後，又有橫行的margin情況下，在ie6顯示margin比設置的大。
浮動ie產生的雙倍距離 #box{ float:left; width:10px; margin:0 0 0 100px;}
這樣的情況之下IE會產生20px的距離，解決方式是在float的標簽樣式控制中增加 ——display:inline;將其轉化為行內屬性。(

這個符號僅僅有ie6會識別)
漸進識別的方式。從整體中逐漸排除局部。
首先。巧妙的使用“\9”這一標記，將IE遊覽器從全部情況中分離出來。
接著，再次使用“+”將IE8和IE7、IE6分離開來。這樣IE8已經獨立識別。

css
          .bb{
           background-color:#f1ee18;/*全部識別*/
          .background-color:#00deff\9; /*IE6、7、8識別*/
          +background-color:#a200ff;/*IE6、7識別*/
          _background-color
 
:#1e0bd1;/*IE6識別*/

          } 

4、IE下,能夠使用獲取常規屬性的方法來獲取自己定義屬性,
也能夠使用getAttribute()獲取自己定義屬性;
Firefox下,僅僅能使用getAttribute()獲取自己定義屬性.
解決方法:統一通過getAttribute()獲取自己定義屬性.

5、IE下,even對象有x,y屬性,可是沒有pageX,pageY屬性;
Firefox下,event對象有pageX,pageY屬性,可是沒有x,y屬性.

6、（條件凝視）缺點是在IE瀏覽器下可能會增加額外的HTTP請求數。

7、Chrome 中文界面下默認會將小於 12px 的文本強制依照 12px 顯示, 可通過增加 CSS 屬性 -webkit-text-size-adjust: none; 解決.

8、超鏈接訪問過後hover樣式就不出現了 被點擊訪問過的超鏈接樣式不在具有hover和active了解決方法是改變CSS屬性的排列順序:
L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}

遇到的瀏覽器的兼容性問題(隨時添加)