SVG公眾號排版 | 快速解決視頻號美化出現(xiàn)“點贊信息”

開發(fā)制作SVG公眾號排版時,實現(xiàn)視頻號美化跳轉(zhuǎn)可以這么來操作,先搭建兩個層(結(jié)合零高容器的使用),一個是圖片層(也可以是動圖GIF),一個是視頻號層,利用圖片來覆蓋住視頻號從而達到視頻號美化跳轉(zhuǎn)的處理,具體來點擊查看如下案例。
案例代碼
案例結(jié)果
安卓和蘋果系統(tǒng)查看的結(jié)果如下圖,視頻號的“點贊信息”暴露出來了。

原因:視頻號點贊數(shù)據(jù)信息的元素比圖片的層級還大,導(dǎo)致圖片無法蓋住視頻號的點贊數(shù)據(jù)信息,因此它暴露出來了。
問題是找到了,那我們?nèi)绾慰焖俳鉀Q這個問題呢?懂點君手把手教你!
在視頻號的外層容器style樣式里添加opacity: 0;屬性把整個視頻號透明掉,這樣是不是就看不到“點贊信息”了。具體來看一下案例。
總結(jié):視頻號美化跳轉(zhuǎn)一定要記得添加opacity: 0;CSS樣式屬性。
今天就分享到這里,謝謝大家~
標(biāo)簽: