如何设置网站背景?

发布日期:2015-01-06
浏览次数:523
  
起飞页的网站背景设置其实很直观,也非常灵活,可以组合出千变万化的效果。您一旦理解了原理,不用编写或者修改一行代码,就可以非常容易做出很多创意效果。
 
下面我们先来介绍一下起飞页的背景原理
 
 
如果选择了满屏布局,中间层和底层背景的区域是完全一致的。此时,只需要设置中间层背景即可。下面四张图片很好地展示了不同布局下的中间层背景和底层背景区域。黑色代表底层背景,橙色代表中间层背景。
全宽布局
1024定宽布局
盒子布局
1024盒子布局
理解了双层背景的原理之后,相信您就知道如何使用起飞页的背景设置功能了。首先我们需要设置中间层背景,点击"设计"下的"整体效果",选择颜色和背景图片。如果选择了颜色,我们还可以指定背景颜色的透明度(注意,不是图片的透明度)。由于较早期的IE浏览器不支持颜色透明度(IE10之后开始支持),所以如果您指定了颜色透明度之后,还需要为早期IE版本设定一个颜色才行。
 
 
 
然后设定底层背景。我们可以指定底层背景颜色或图片,但不支持颜色透明度设定。这里需要注意中间层背景会遮住底层背景
 
 
无论是底层还是中间层背景,一旦选择了图片,您会看到图片重复设置选项
 
 
如果您使用的是很大的图片,请勾选“全屏显示背景图片(并保持固定)”,然后可以忽略这个选项;但如果您使用的是小图,那么需要仔细设定才能达到想要的效果。
 
有些情况下,我们需要为不同的页面设置不同的背景图片。这是起飞页的一个特色功能。请阅读教程《如何单独设定某个页面的背景图片》。
 
 

登录后即可发表评论,立即登录.

  热门教程