如何设置网站背景?

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

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

  热门教程