網(wǎng)頁(yè)設(shè)計(jì)中的背景色歷史問(wèn)題

歷史問(wèn)題

所以,網(wǎng)站建設(shè)中設(shè)置背景色很簡(jiǎn)單——對(duì)此只有一個(gè)小小的警告:Navigator 4對(duì)背景色的處理完全是錯(cuò)誤的。它不是將背景色應(yīng)用到整個(gè)內(nèi)容框和內(nèi)邊距,背景色只出現(xiàn)在文本下面,如圖9-9所示。

圖9-9:Navigator 4.x的錯(cuò)誤行為

重申一句:這種行為在設(shè)計(jì)中是完全錯(cuò)誤的。為了解決這種錯(cuò)誤,必須在元素上設(shè)置一個(gè)邊框,然后將其設(shè)置為與文檔背景色相同的顏色:

body{background:silver;}

p{background-color:gray;padding:0.1px;border:1px solid silver;}

注意,要使用這個(gè)技術(shù),必須設(shè)置一個(gè)網(wǎng)頁(yè)設(shè)計(jì)border-style??梢允褂眠@個(gè)特定屬性,也可以使用一個(gè)border屬性值,使用哪一個(gè)并不重要。

當(dāng)然,這樣做是在設(shè)置元素的邊框,這個(gè)邊框也會(huì)在其他用戶代理中出現(xiàn)。除此之外,Navigator還不能很好地處理內(nèi)邊距,所以前例中內(nèi)容框和邊框之間會(huì)出現(xiàn)少量空白。好在新的瀏覽器都不存在這些問(wèn)題。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))