开发制作SVG公众号排版时，实现视频号美化跳转可以这么来操作，先搭建两个层（结合零高容器的使用），一个是图片层（也可以是动图GIF），一个是视频号层，利用图片来覆盖住视频号从而达到视频号美化跳转的处理，具体来点击查看如下案例。

案例代码

<section style="overflow: hidden;font-size: 0;line-height: 0;weixin: dong_dian_jun;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;" powered-by="懂点君">
    <section style="height: 0;pointer-events: painted;">
        <!-- 这里放置视频号代码 -->
    </section>
    <svg viewBox="0 0 519 881" style="display: block;margin-top: -1px;background: url(图片路径) 0 0 / 100% auto no-repeat;WeChat: dong_dian_jun;pointer-events: none;-webkit-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;transform: scale(1);"></svg>
</section>

案例展示

【点击查看视频号美化案例】

案例结果

安卓和苹果系统查看的结果如下图，视频号的“点赞信息”暴露出来了。

原因：视频号点赞数据信息的元素比图片的层级还大，导致图片无法盖住视频号的点赞数据信息，因此它暴露出来了。

问题是找到了，那我们如何快速解决这个问题呢？懂点君手把手教你！

在视频号的外层容器style样式里添加opacity: 0;属性把整个视频号透明掉，这样是不是就看不到“点赞信息”了。具体来看一下案例。

style="height: 0;opacity: 0;pointer-events: painted;"

【点击查看优化后的案例】

总结：视频号美化跳转一定要记得添加opacity: 0;CSS样式属性。

今天就分享到这里，谢谢大家~