網(wǎng)頁設計中的圖像放在所指定的背景顏色之上,如果完全平鋪GIF、JPEG或其他不透明的圖像類型,圖像在背景顏色之上并不會造成任何不同,因為完全平鋪的圖像會填滿文檔背景,可以這么說,沒有地方能讓顏色“透出來",不過對于有alpha通道的圖像格式,如PNG,可能會部分或完全透明,這會導致網(wǎng)站建設上圖像與背景色結合。另外,如果出于某種原因無法加載圖像,用戶代理就會使用指定的背景色取代圖像??紤]一下,對于一個本該“布滿星星的段落”,如果無法加載背景圖像,它將如何顯示,如圖9-16所示。
圖9-16:沒有背景圖像的后果
圖9-16展示了為什么使用背景圖像的同時最好再指定一個背景色,這往往是一個好主意,這樣一來,至少能為網(wǎng)頁設計者保證得到一個清晰的結果:
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ǎng)頁設計者不希望圖像完全覆蓋文檔的背景,可能需要某種顏色覆蓋背景中未被圖像蓋住的部分。