仔細(xì)看看網(wǎng)易的 Logo ,看出來嗎?對,那個 Logo 的背景是白色的,但旁邊的背景色卻是灰色的,換句話說就是網(wǎng)易整個頁面的背景原定就是白色的,這在瀏覽器背景為白色的前提下是看不出什么來的,但是像現(xiàn)在這樣就“漏餡”了。不光是網(wǎng)易 ,許多的門戶站都是這樣,具體我就不去舉例了,可見關(guān)于 Background-color 設(shè)定的重要性。所以,不論你的網(wǎng)站是什么樣的背景色,請一點記住把它設(shè)定好,哪怕它是白色!
2、立正!向左~~~看齊
大家都知道 Table 的默認(rèn)水平對齊方式(align)為左對齊,設(shè) align="left" 和不設(shè)其效果是一樣的,于是很多人不去設(shè)置這個屬性,我以前也是如此。但是在某些特殊的情況下,IE 會把默認(rèn)的左對齊理解為居中對齊,從而導(dǎo)致頁面的排版出現(xiàn)問題,雖然說具體是什么情況下會出問題連我自己都說不清楚,但是這種情況絕對存在,所以大家在做頁面的時候一定要習(xí)慣性的設(shè)置表格的 align 屬性,不要偷懶跳過這步,對頁面的表現(xiàn)來說,這所謂的多此一舉絕對有益無害。
3、單元格寬度-隱形殺手
不知你有沒有遇見過這種情況,假設(shè)當(dāng)你給一個單元格的 align 設(shè)置了左對齊后,卻發(fā)現(xiàn)放在單元格中的文字并沒有應(yīng)用該屬性的效果,反而繼續(xù)是居中顯示,查看文字兩端也并沒有發(fā)現(xiàn)任何垃圾代碼包含其中,可是無論如何都改變不了文字的位置。郁悶嗎?反正當(dāng)時我是很郁悶,直到后來,我才發(fā)現(xiàn)原來是單元格的 Width 屬性在作怪,將其刪除或重新設(shè)置后問題得到解決,所以,當(dāng)你也遇到同樣的問題時,不妨檢查一下出問題單元格的 Width 設(shè)置,相信你會找到解決的方法。
4、打死滾動條都不消失
有時為了一些個性化的需要,有些人喜歡將瀏覽器的滾動條隱藏掉,這個效果做起來很容易,但是有時會發(fā)現(xiàn)明明代碼一點問題沒有,而且查看用的瀏覽器也不是非 IE 內(nèi)核型的,但可惡的滾動條就是不消失!而且這個問題很多都出現(xiàn)在用 DW 等可視化編輯軟件制作出的網(wǎng)頁上。那原因是什么呢?其實原因就在該頁面的頭部代碼里,查看該頁面的源代碼,你會發(fā)現(xiàn)在最上邊有類似這樣的兩句代碼: