服务热线:400-1039-200

首页 > 研习社 > 正文

今天,我们将为大家介绍Outlook2007不支持的‘背景属性’及解决技巧:

背景属性

背景图像,是通过Html编码中的背景属性来实现的一种功能。但是,Outlook 2007 中仅在<body>标签内支持Background属性,在<table><tr><td>标签中都不支持此属性。另外,<body>元素虽支持Background属性,但默认情况下会被拦截,用户必须手动下载背景图像。

那我们该如何解决邮件中有关“背景图像”的显示问题呢?

下面我们通过三种图片显示情形,分别为大家介绍邮件中“背景图像”的显示技巧:

1. 基于Web绝对路径的背景图像

图像的路径,必须是存放在服务器上的一个完整的Web绝对地址。

例如:http://www.unimarketing.cn/images/logo.jpg 您可以通过在IE浏览器中输入此地址,即可访问并显示此图像的路径。

举例说明:应用在Body元素中的背景属性,并且背景图像在页面上进行平铺。

  Html代码
<body background=”http://www.inxmail.com/background.gif”></body>
上述代码在邮件中显示如下:
Outlook 2007 背景图片默认情况下会自动被拦截,导致图片无法正常显示,如下图所示:
Outlook 2007 背景图片,当用户手动单击下载图片时,才会显示图片,如下图所示
备注:Outlook 2007 背景图像支持情况

2. 嵌入式背景图像

为了确保邮件中非互联网上的图像可以浏览,那么我们必须将图像以附件的形式嵌入在邮件中。目前,市场上已有一些专业的ESP支持图像以附件的形式嵌入在邮件中。

举例说明:邮件嵌入式背景图像

  Html代码
<body background=\”[%embedded-image;background.gif]\”></body>
上述代码在邮件中显示如下:
Outlook 2007 背景图片默认情况下会自动被拦截时无法显示图片,如下图所示:
备注:Outlook 2007 嵌入式背景图像支持情况

3. 图像替代文本

<img>标签的Alt属性可以定义替代文本,即应用于图像无法显示或者用户禁用图像显示时,来代替图像显示在浏览器中的内容。

Alt 文本的使用原则:

    • 如果图像包含信息 – 使用 alt 描述图像
    • 如果图像在 a 元素中 – 使用 alt 描述目标链接
    • 如果图像仅供装饰 – 使用 alt=””

我们强烈推荐您在邮件中的每个重要图像中都使用这个属性,如邮件中的重要图片如LOGO、促销活动图片、点击注册按钮等,如果用户在邮件接收过程中,Alt属性就可以发挥它的作用。关于它的作用,请阅读我们的另一篇文章《您是否为邮件中图片Img标签赋予了Alt属性?》 ,这篇文章,我们详细介绍了有关Alt属性所发挥的作用。

注意事项:
关于尺寸较小的图像,添加Alt属性时,可能会有部分文本会被隐藏。
另外,建议Alt属性值不要过分冗长,如果过长意味着它很可能被忽略,反而变得毫无用处。

 

猜你喜欢
我们将24小时内回复。
取消