今天總算公升級到ie8了，感覺css的寫法要想同時適應ie6、ie7、ie8、firefox，有以下幾個基本的竅門。
1、使用float後必須clear，否則ie8顯示錯誤。
2、h1,h2,h3,ul,li,dl,dt,dd,p...最好定義margin:0和padding:0，否則各種瀏覽器顯示有誤差。
3、line-height值最好是偶數，奇數顯示有誤差。
4、input 的text和password兩種形式在ie8不定義字型（宋體）下長度高度不一樣，可將input定義為font-family:arial。
5、如果想在標題前後加小圖示，最好不要直接用img，用img的話ie6行間距會縮小，應該用加背景的形式。
...今天暫時只發現這幾點，更多的以後繼續總結。
實在不行再用分開定義的辦法：
div {
margin:0; /* 給全部瀏覽器看 */
*margin:10px; /* 給ie6、ie7看 */
_margin:20px; /* 只給ie6看 */
附：基本css樣式表
相容ie8的rgba 寫法
在頁面中設定乙個半透明的div一般情況下使用rgba 函式，但在ie8情況下無法使用rgba 函式。rgba的含義，r代表red，g代表green，b代表blue，紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比如rgba 255，255，255，0.1 就是透明度為0.1的白色...
IE8下的替代elementFromPoint函式
因為ie8下的elementfrompoint x,y 中，x,y 不能同時為非立即數，所以自己寫乙個替代的函式。該函式用於模仿 elementfrompoint.獲取parent這個元素下，含有tagcls這個class屬性，又包含 x,y 這個client位置的最佳元素。return el ge...
不同IE下的css寫法
css hack 是在標準 css 沒辦法相容各瀏覽器顯示效果時才會用上的補救方法,在各瀏覽器廠商解析 css 沒有達成一致前,我們只能用這樣的方法來完成這樣的任務。最近的專案要針對 firefox 瀏覽器的css樣式進行 特別處理,可愛的 firefox 居然不支援 text overflow 屬...