1.區別ie和非ie瀏覽器
#tip
2.區別ie6,ie7,ie8,ff
【區別符號】：「\9」、「*」、「_」
【示例】：
#tip 【說明】：因為ie系列瀏覽器可讀「\9」，而ie6和ie7可讀「*」(公尺字型大小)，另外ie6可辨識「_」(底線)，因此可以依照順序寫下來，就會讓瀏覽器正確的讀取到自己看得懂得css語法，所以就可以有效區分ie各版本和非ie瀏覽器(像是firefox、opera、google chrome、safari等)。
3.區別ie6、ie7、firefox (方法 1)
【區別符號】：「*」、「_」
【示例】：
#tip 【說明】：ie7和ie6可讀「*」(公尺字型大小)，ie6又可以讀「_」(底線)，但是ie7卻無法讀取「_」，至於firefox(非ie瀏覽器)則完全無法辨識「*」和「_」，因此就可以透過這樣的差異性來區分ie6、ie7、firefox
4.區別ie6、ie7、firefox (方法 2)
【區別符號】：「*」、「!important」
【示例】：
#tip 【說明】：ie7可以辨識「*」和「!important」，但是ie6只可以辨識「*」，卻無法辨識「!important」，至於firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔ie6、ie7、firefox。
5.區別ie7、firefox
【區別符號】：「*」、「!important」
【示例】：
#tip 【說明】：因為firefox可以辨識「!important」但卻無法辨識「*」，而ie7則可以同時看懂「*」、「!important」，因此可以兩個辨識符號來區隔ie7和firefox。
6.區別ie6、ie7 (方法 1)
【區別符號】：「*」、「_」
【示例】：
#tip 【說明】：ie7和ie6都可以辨識「*」(公尺字型大小)，但ie6可以辨識「_」(底線)，ie7卻無法辨識，透過ie7無法讀取「_」的特性就能輕鬆區隔ie6和ie7之間的差異。
7.區別ie6、ie7 (方法 2)
【區別符號】：「!important」
【示例】：
#tip 【說明】：因為ie7可讀取「!important;」但ie6卻不行，而css的讀取步驟是從上到下，因此ie6讀取時因無法辨識「!important」而直接跳到下一行讀取css，所以背景色會呈現橘色。
8.區別ie6、firefox
【區別符號】：「_」
【示例】：
#tip 【說明】：因為ie6可以辨識「_」(底線)，但是firefox卻不行，因此可以透過這樣的差異來區隔firefox和ie6，有效達成css hack。
CSS 瀏覽器相容性
1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...
瀏覽器相容性
瀏覽器相容性是乙個很長久的話題，之所以前端需要面對瀏覽器相容性，是因為使用者的環境有不同的平台，不同的瀏覽器。不同的廠商之間為了相互競爭，對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本，不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...
瀏覽器相容性
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...