CSS常見問題及解決方案
1、Bugs和解決方案
如何解決IE6及更早瀏覽器浮動時產(chǎn)生雙倍邊距的BUG?
如何解決按鈕在IE7及更早瀏覽器下隨著value增多兩邊留白也隨著增加的問題?
如何解決IE7及更早瀏覽器下當li中出現(xiàn)2個或以上的浮動時,li之間產(chǎn)生的空白間隙的BUG?
如何解決IE6下的文本溢出BUG(江湖匪號:“諜影重重”或“一只豬的故事”)?
如何解決IE6使用濾鏡PNG圖片透明后,容器內(nèi)鏈接失效的問題?
如何解決IE6無法識別偽對象:first-letter/:first-line的問題?
如何解決IE8會忽略偽對象:first-letter/:first-line里的!important規(guī)則的問題?
如何解決IE6會忽略同一條樣式體內(nèi)的!important規(guī)則的問題?
如何解決IE6及更早瀏覽器下當li內(nèi)部元素是定義了display:block的內(nèi)聯(lián)元素時底部產(chǎn)生空白的問題?
如何解決IE6及更早瀏覽器下未定義寬度的浮動或絕對定位元素會被內(nèi)部設(shè)置了zoom:1的塊元素撐開的問題?
如何解決IE7及更早瀏覽器下子元素相對定位時父元素overflow屬性的auto|hidden失效的問題?
如何解決Chrome在應(yīng)用transition時頁面閃動的問題?
2、技巧和經(jīng)驗
如何讓超鏈接訪問后和訪問前的顏色不同且訪問后仍保留hover和active效果?
為什么Standard mode下IE無法設(shè)置滾動條的顏色?
如何讓未知尺寸的圖片在已知寬高的容器內(nèi)水平垂直居中?
如何設(shè)置span的寬度和高度(即如何設(shè)置內(nèi)聯(lián)元素的寬高)?
為什么容器的背景色沒顯示出來?為什么容器無法自適應(yīng)內(nèi)容高度?
如何使頁面文本行距始終保持為n倍字體大小的基調(diào)?
標準模式Standard mode和怪異模式Quirks mode下的盒模型區(qū)別?
如何解決列表中l(wèi)ist-style-image不能精準定位的問題?
如何解決偽對象:before和:after在input標簽上的怪異表現(xiàn)的問題?
如何解決偽對象:before和:after無法在Chrome,Safari,Opera上定義過渡和動畫的問題?
3、其它技巧和經(jīng)驗
IE下如何對Standard Mode與Quirks Mode進行切換?