如何设置图层叠加效果?

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


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



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


图层-1


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


第一种方法:


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


列


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


图层-3


第二种方法:

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



图层-4


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

图层-6


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


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




找不到你的答案?
合作流程
建站流程
热搜标签
 产品与服务

立即行动,通过领动建站获取更多海外客户

留下您的联系方式,专属顾问会尽快联系您,并提供网站分析报告

表单名称
B2B外贸营销型网站建设
外贸网站精准营销
帮助中心
行业资讯

电话 :400-6130-885

邮箱 :cooperation@leadong.com

地址 :南京市江北新区丽景路7号焦点科技大厦

    

版权所有 ©️ 2024 南京焦点领动云计算技术有限公司  《中华人民共和国增值电信业务经营许可证》   备案证书号:  苏ICP备17012459号-2  
| 用户协议 |  隐私政策 |  法律声明