本文介绍了背景图像没有出现的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在新电子邮件和所有测试/构建平台上工作时,背景英雄图像会显示......但是当代码放入电子邮件平台(Braze,也称为AppBoy)时,图像不会显示。
这是代码:
table width =600style =background-color: #f5f5f5; background-image:url('https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098'); background-position:center top; background-repeat :no-repeat; background-size:cover; border-collapse:collapse; border-spacing:0; display:table; height:280px; padding:0; position:relative; text-align:left; vertical-align:top ;宽度:100%background =https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098valign =topbgcolor =#f5f5f5class = 行英雄
它是用CSS和HTML属性设置的,但是neit她正在装载Braze。
我尝试过:
我能想到的唯一另一个选择是将图像编码为背景图像......但是如果不使用我们想要避免使用的设计器,我们将无法更改图像上的文本/ CTA按钮。 div class =h2_lin>解决方案
Working on a new email and in all testing/building platforms the background hero image shows up ... but when the code is put into the email platform (Braze, also known as AppBoy), the image does not show up.
Here is the code:
table width="600" style="background-color: #f5f5f5; background-image: url('https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098'); background-position: center top; background-repeat: no-repeat; background-size: cover; border-collapse: collapse; border-spacing: 0; display: table; height: 280px; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%" background="https://appboy-images.com/appboy/communication/assets/image_assets/images/5b6883a2a12f74785a33a246/original.jpg?1533576098" valign="top" bgcolor="#f5f5f5" class="row hero"
It's being set both with CSS and as an HTML attribute, but neither are loading in Braze.
What I have tried:
The only other option I can think of is coding the image not as a background image ... but then we wouldn't be able to change the text/CTA button on the image without using our designer, which we want to avoid.
解决方案
这篇关于背景图像没有出现的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!