網(wǎng)頁(yè)設計中背景的良好實(shí)踐

  • 2019-01-16 17:15:24
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

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

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

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

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

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è)設計者不希望圖像完全覆蓋文檔的背景,可能需要某種顏色覆蓋背景中未被圖像蓋住的部分。

當前文章標題:網(wǎng)頁(yè)設計中背景的良好實(shí)踐

當前URL:http://amzcoolest.com/news/wzzz/Background-practice.html

上一篇:網(wǎng)頁(yè)設計中背景不能繼承

下一篇:網(wǎng)頁(yè)設計中的方向重復

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看