自從我發(fā)布了大背景網(wǎng)頁設(shè)計合集之后,我收到了很多電子郵件詢問如何用css實現(xiàn)大背景的網(wǎng)頁設(shè)計。因此我決定和大家分享大背景網(wǎng)站的設(shè)計技巧。在此教程中,我會用一些實例來說明如何用一張或者兩張圖片實現(xiàn)大背景網(wǎng)站的設(shè)計。
普遍的錯誤:被裁切的背景(查看演示)
看一下示例文件,在1280px的分辨率下看起來是好的,但是如果轉(zhuǎn)換到更高的分辨率下,你將看到類似于裁切邊緣的效果。
示例#1:單圖片(查看演示)
一種簡易的方法修補剛才的問題:讓圖片邊緣的顏色和BODY標(biāo)簽的背景顏色一樣。我使用Web Designer Wall的背景作為例子。查看背景圖片,注意圖片的邊緣是不是固定的同一種顏色?
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈