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