下图这种效果，默认显示一张图片，鼠标移入时，显示文字，文字有一个半透明的背景色，隐约可见后面的图片；鼠标移出时，恢复默认样式。使页面看起来简单且高端大气。

首先，先布局好框架，拖拽一个一行三列的布局，在第一列拖拽一张图片，一个布局行，在这个布局行中放三个段落，并填充好以上内容，简单的调整下样式。

接着，选中第一个列，设置右侧边栏样式-默认-定位：定位不漂浮，层级：2。

再选中第一列中放了三个段落的布局行。

设置右侧边栏样式-显示状态：隐藏。

设置右侧边栏样式-默认-定位：滚动漂浮；位置：全屏；层级：10。

设置右侧边栏样式-默认-背景-颜色：rgba(255,255,255,0.8)。带透明度的颜色要用rgba来表示，前三个数字表示颜色，后一个小数表示透明度。

然后，复制放了三个段落的布局行的ID，选中第一个列，在右侧边栏交互-鼠标移入添加事件：“显示”放了三个段落的布局行ID。在右侧边栏交互-鼠标移出添加事件：“隐藏”放了三个段落的布局行ID。至此，访问前台页面就可以看到实际效果了。