> 文章列表 > SVG黑科技排版教程 | 如何解决点击视频号产生高亮“蓝色”背景?

SVG黑科技排版教程 | 如何解决点击视频号产生高亮“蓝色”背景?

SVG黑科技排版教程 | 如何解决点击视频号产生高亮“蓝色”背景?

在SVG黑科技排版中插入视频号是比较常见的排版效果,为了让SVG排版效果更加美观,我们会对视频号进行“美化处理”,也就是视频号美化。

大家可能平时没有去关注发现,安卓手机点击视频号、地图等的时候会出现高亮“蓝色”背景,影响SVG排版的美观,懂点君今天来给大家分享如何解决视频号高亮背景的问题。先来说说视频号美化原理,我们才好理解如何解决这个问题。

视频号美化原理:通过零高容器创建两个叠层,最上层是放一张图片,底下的层放视频号,并对视频号进行缩放移动调整点击区域和透明处理隐藏起来。用户看到的是一张图片,看不到真实的视频号,点击的时候,触发的是底下的视频号,然后进行跳转。

美化案例

案例一:视频号美化处理

案例二:视频号美化处理

高亮问题

懂点君发现视频号美化之后,在安卓手机上点击跳转的时候会出现高亮“蓝色”背景,而且图