如何设置图层叠加效果?

["wechat","weibo","qzone","douban","email"]

在网站编辑过程中,面对左图右文或者左文右图布局的内容,我们会想设置图层叠加,突出图文效果,那我们该如果去设置呢?


第一步:登录领动官网,进入网页编辑后台



第二步:以下方左图右文板块为例,将鼠标悬浮在图片和文字中间,鼠标点击图示蓝色短线可以直接拖拽调整图片和文字的相对占位布局,


图层-1


第三步:调整布局后我们可能还想要调整图片和文本的重叠,制作叠加图层效果,有以下两种方式:


第一种方法:


(1) 点击右侧文本列的蓝色箭头展开设置项,点击设置项中的更多设置按钮展开,


列


(2) 文字在右列,在页面右侧的弹窗中调整文字左侧的外边距值为负值或者将右侧外边距调整为正值,文本将左移和图片重叠;调整文本左侧的外边距为正值或者将右侧的外边距调整为负值,文本将右移和图片距离更远;


图层-3


第二种方法:

(1) 鼠标单击图片展开图片的设置项,点击设置项中的更多设置按钮,



图层-4


(2)图片在左列,在页面右侧的弹窗中调整图片右侧的外边距值为正值或者将左侧外边距调整为正值,图片将右移和文本重叠;调整图片右侧的外边距为负值或者将左侧的外边距调整为负值,图片将左移和文本距离更远;

图层-6


设置后还可以对文本和图片的边距重新进行设置,调整图层的的叠加程度。


如何设置图层叠加效果视频指导:https://www.leadong.com/vd215030.html