如何設置網站背景

发布日期:2019-10-16 14:40

網站背景設置其實很直觀,也非常靈活,可以組合出千變萬化的效果。您一旦理解了原理,不用編寫或者修改一行代碼,就可以非常容易做出很多創意效果。 


下面我們先來介紹一下後台設置的背景原理




如果選擇了滿屏佈局,中間層和底層背景的區域是完全一致的。此時,只需要設置中間層背景即可。下面四張圖片很好地展示了不同佈局下的中間層背景和底層背景區域。深灰色代表底層背景,橙色代表中間層背景。


理解了雙層背景的原理之後,相信您就知道如何使用背景設置功能了。首先我們需要設置中間層背景,點擊"設計"下的"整體效果",選擇顏色和背景圖片。如果選擇了顏色,我們還可以指定背景顏色的透明度(注意,不是圖片的透明度)。由於較早期版本的IE瀏覽器不支持顏色透明度(IE10之後開始支持),所以如果您指定了顏色透明度之後,還需要為早期IE版本設定一個顏色才行。


然後設定底層背景我們可以指定底層背景顏色或圖片,但不支持顏色透明度設定。這裡需要注意中間層背景會遮住底層背景


無論是底層還是中間層背景,一旦選擇了圖片,您會看到圖片重複設置選項



如果您使用的是很大的圖片,請勾選“全屏顯示背景圖片(並保持固定)”,然後可以忽略這個選項;但如果您使用的是小圖,那麼需要仔細設定才能達到想要的效果。


相關閱讀

文章分類