一、有疑問(wèn),先驗證 在調試時(shí),先對您的代碼進(jìn)行驗證往往能省去不少麻煩事。格式不正確的XHTML/CSS 會(huì )導致許多布局上的錯誤。 在其他瀏覽器中進(jìn)行測試之前,請先在最先進(jìn)的瀏覽器中撰寫(xiě)和測試CSS代碼,而不是相反。 如果您在破舊的瀏覽器中編寫(xiě)和測試,你的代碼就不得不依賴(lài)那個(gè)破舊瀏覽器的糟糕的顯示,然后在符合標準的瀏覽器中進(jìn)行測試,看到顯示結果“不正?!?nbsp;時(shí),你會(huì )很沮喪的。相反,您應該先將您的代碼完善,然后再設法為較低級的瀏覽器打算。這樣從一開(kāi)始您的代碼就是符合標準的,你不必再為支持其他瀏覽器而勞心費神。當然了,目前遵從標準的瀏覽器無(wú)疑就是 Mozilla, Safari 或 Opera。 二、確保您期望的效果確實(shí)存在 許多特定的瀏覽器專(zhuān)有的CSS擴展在正式標準中并不存在。 如果您對 filter(濾鏡)或滾動(dòng)條指定了樣式,那么您就用了私有代碼,除了IE之外,在別的瀏覽器中毫無(wú)作用。如果驗證器告訴您代碼沒(méi)有定義,極有可能您用了私有樣式,這樣在不同的瀏覽器中很難達到一致的效果。 如果布局中一定要用浮動(dòng)對象,別忘了適時(shí)使用清除(clear)屬性。 浮動(dòng)對象似易實(shí)難,而且不總是令人如愿以?xún)?。如果您發(fā)現浮動(dòng)對象伸出了容器的邊界,或者不像您所期望的那樣顯示,請檢查您的期望是否正確。關(guān)于這個(gè)問(wèn)題請看Eric Meyer的教程 邊距的合并:可用padding 或 border 來(lái)避免。 您可能被多余的(或者想要卻不出現的)空白搞得焦頭爛額。如果您用了 margins,邊距的合并可能就是問(wèn)題的根源。 Andy Budd 對此的解釋可能為你解惑。 避免將 padding/border 和固定寬度同時(shí)應用到同一元素。 IE5 的區塊模型是錯誤的,是它把事情辦壞了。對此也有權宜之計,不過(guò)最好是繞過(guò)這個(gè)問(wèn)題,當子元素的寬度固定時(shí),為父元素指定padding。 三、避免IE下未指定樣式內容的閃爍。 如果您僅僅靠 @import 來(lái)輸入外部樣式表,早晚您會(huì )發(fā)現IE有“閃爍”的毛病。在應用CSS樣式之前,未經(jīng)格式化的HTML文本會(huì )短暫地出現。這是可以避免的。(上) 重慶網(wǎng)絡(luò )公司 重慶網(wǎng)站建設 重慶網(wǎng)頁(yè)制作 重慶網(wǎng)站推廣 汽車(chē)經(jīng)紀系統 公墓軟件 |