關(guān)于背景的良好實(shí)踐

網(wǎng)頁(yè)設(shè)計(jì)中的圖像放在所指定的背景顏色之上，如果完全平鋪GIF、JPEG或其他不透明的圖像類型，圖像在背景顏色之上并不會(huì)造成任何不同，因?yàn)橥耆戒伒膱D像會(huì)填滿文檔背景，可以這么說(shuō)，沒(méi)有地方能讓顏色“透出來(lái)"，不過(guò)對(duì)于有alpha通道的圖像格式，如PNG，可能會(huì)部分或完全透明，這會(huì)導(dǎo)致網(wǎng)站建設(shè)上圖像與背景色結(jié)合。另外，如果出于某種原因無(wú)法加載圖像，用戶代理就會(huì)使用指定的背景色取代圖像?？紤]一下，對(duì)于一個(gè)本該“布滿星星的段落”，如果無(wú)法加載背景圖像，它將如何顯示，如圖9-16所示。

圖9-16：沒(méi)有背景圖像的后果

圖9-16展示了為什么使用背景圖像的同時(shí)最好再指定一個(gè)背景色，這往往是一個(gè)好主意，這樣一來(lái)，至少能為網(wǎng)頁(yè)設(shè)計(jì)者保證得到一個(gè)清晰的結(jié)果：

p.starry{background-image:url(http://www.site.web/pix/stars.gif);

background-color:black;color:white;}a.grid{background-image:url(smallgrid.gif);}

<p class="starry">It's the end of autumn,which means the stars will be brighter than ever!<a href="join.html" class="grid">Join us</a>for a fabulous evening of planets,stars,nebulae,and more...

如果出于某種原因無(wú)法加載“星星”圖像，這就會(huì)填入一個(gè)全黑的背景。另外，如果網(wǎng)頁(yè)設(shè)計(jì)者不希望圖像完全覆蓋文檔的背景，可能需要某種顏色覆蓋背景中未被圖像蓋住的部分。