背景图
你可以通过顶部菜单栏的“背景图”图标为任何页面添加背景图。你也可以直接从模板页面复制背景图,然后粘贴到网站任意页面中。
背景图类型多样,从简单的渐变和静态图像,到复杂的幻灯片、视频以及交互式动画均有涉及。
背景图与页面布局
默认情况下,背景图会呈现在当前页面下方。如果该页面通过页面设置选择了内容背景色,那么背景色会覆盖背景图显示。
启用“与内容分开显示”选项后,背景图将与页面内容并排展示,仿佛浏览器窗口呈现两页对开的杂志版面。使用设置中的“宽度”拖动条可以改变背景图和页面内容的相对宽度。在移动设备尺寸下,分开显示的背景图会显示在页面内容上方。
使用“滚动时裁剪”选项可以将背景图内容固定在浏览器窗口中。当页面内容滚动时,背景图不会随之滚出视图,而是被页面内容在进入或退出视图时“裁剪”。此效果在使用 同一集合中的堆叠页面 时最为明显。
尝试使用背景图
每种背景图都由诸多参数控制,可能多达十余个甚至更多;掌握这些参数,才能发掘最适合你网站设计的设置组合。
可以使用背景图设置右上角的“随机”按钮,探索单一背景图的可能性。然后,尝试调整各项设置,看看它们如何影响你选择的图片以及整个页面的效果。
除了“渐变”类型,所有背景图都基于图片。由于每种背景图处理图片的方式各异,在某种背景图下效果良好的图片,在其他类型下未必适用。
“壁纸”、“变形”、“全屏背景”、“视频”和“地图”背景图都会对图片进行裁剪或放大,以确保其充满整个页面区域。“壁纸”背景图还包含一个“焦点”设置,无论浏览器窗口大小如何,该设置都可以让你选择图片中的一个点始终可见。这对于确保图片的某个特定部分不会被裁剪掉非常有帮助。
“壁纸”和“视频”背景图有一个“适配”选项,可以按比例缩放你的媒体内容以适应页面布局,不会进行裁剪。
“壁纸”和“变形”背景图有一个“循环”选项,可以显示一系列图片,就像幻灯片一样。