所以,網(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)少量空白。好在新的瀏覽器都不存在這些問題。
當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的背景色歷史問題
當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/Background-history.html