先溫習一下對於ie的box-model的破解
ie box-model這個臭名昭著的bug存在於ie6/win以前的每乙隻版本，這個蟲子直到tantak發布了流傳最為廣泛的那個hack才開始被馴服
ie5.x/win對box-model的解析是一樣的，他們認為width包括了邊框(border)和補白(padding)，幸運的是這個情況在ie6中有了好轉
但是ie6在向後相容的同時也包容了以前的錯誤，ie6其實有兩個核心，在舊的頁面前他仍舊表現出對錯誤的寬容，只有在文件中嚴格地加上文件型別(doctype)宣告，ie6才能夠接受正確的box-model
所以，tantak的hack必須和正確的doctype同時包含在文件中才能夠正常工作
div.content /"";
忽略了"/"}/""後的內容
voice-family:inherit;
width:300px;
//包括ie6/win在內的部分瀏覽器讀到這句，新的數值(300px)覆蓋掉了舊的
} html>body .content
ie6 常見bug解決之道
bug 1 解決div 無法遮擋 select 的問題 一現象 在調整頁面樣式時，經常發現浮動層的div被select遮擋。效果如下 二.原因 在ie中,select屬於window型別控制項，它會 擋住 所有非window型別控制項 可以這麼理解，div這樣的元件是在瀏覽器客戶區使用 渲染 的，他...
IE6常見BUG相容解決方法
開發前端的同學一定都知道，ie6是相容bug最多的瀏覽器，它不支援png alpha通道暫且不論。其文件的解析理解規範也引起了諸多惱人的bug，有時甚至讓人感到絕望。本文主要講解一些比較容易遇到的ie6bug，以及解決的辦法。一 ie6雙倍邊距bug 當頁面上的元素使用float浮動時，不管是向左還...
IE6 遇到bug及解決辦法
當頁面上的元素使用 float 浮動時，不管是向左還是向右浮動 只要該元素帶有 margin 畫素都會使該值乘以 2，例如 margin left 10px 在 ie6 中，該值就會被解析為 20px。想要解決這個 bug 就需要在該元素中加入 display inline 或 display bl...