当前位置：首页 > news >正文

HTML邮件背景图兼容 Outlook

news 来源：原创 2025/7/2 2:37:15

在 HTML 邮件中设置背景图片时，Outlook（尤其是桌面版的 Outlook for Windows）经常不会正确显示背景图，这是因为outlook 是使用 Word 作为邮件渲染引擎，而不是标准的 HTML/CSS 渲染方式。

推荐的解决方案：使用 VML（Vector Markup Language）兼容 Outlook

这是针对 Outlook 的专门写法，配合标准写法实现兼容多个客户端：

<tr><td valign="top" width="660" height="664" align="top"background="你的背景图片链接"style="background-image: url('你的背景图片链接'); background-repeat: no-repeat; background-size: 660px 664px; background-position: center; vertical-align: bottom; padding: 0; margin: 0px; text-align: center; background-color: #002329;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:660px;display:block;height:664px;"><v:fill type="frame" src="你的背景图片链接"  /><v:textbox inset="0,0,0,0"><![endif]--><table cellpadding="0" cellspacing="0" align="center"></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td>
</tr>

是针对 Outlook 2007 及以上版本的条件注释,只有 Outlook 会读取。

<v:rect> 是 VML（Vector Markup Language）标签，VML 是微软开发的一种矢量标记语言，主要用于早期的 IE 浏览器和 Outlook 中。

xmlns:v="urn:schemas-microsoft-com:vml"：定义 VML 的命名空间。

fill="true"：表示矩形需要填充。

stroke="false"：表示矩形不需要边框。

<v:fill> 用于填充矩形的内容。

type="frame"：指定填充类型为框架。

src="https://www.xxxxxxx"：指定填充的图片来源，即使用该链接的图片作为矩形的背景。

<v:textbox> 用于在 VML 图形中添加文本框。

inset="0,0,0,0"：设置文本框的内边距为 0。

在 Outlook 中，由于其使用的渲染引擎的特殊性，普通的 CSS 背景图片设置可能无法正常显示，

因此使用 VML 来实现背景图片的兼容显示。

在使用 VML为 Outlook 兼容背景图时，对图片格式有一定要求

VML 目前能够很好地支持 JPEG 、PNG格式的图片，但如果要使用PNG格式图片需要以下设置：

<head><!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>

<xml> 标签用于包裹 XML 代码。

<o:OfficeDocumentSettings> 是一个 XML 命名空间的标签，用于设置 Office 文档的相关设置。

<o:AllowPNG/>：允许在文档中使用 PNG 格式的图片。在早期的 Outlook 版本中，默认可能不支持 PNG 图片，通过这个设置可以确保 PNG 图片能够正常显示。

<o:PixelsPerInch>96</o:PixelsPerInch>：设置文档的每英寸像素数为 96，这是标准的屏幕分辨率，确保图片和文本在屏幕上的显示效果符合预期。

HTML邮件背景图兼容 Outlook

在 HTML 邮件中设置背景图片时，Outlook（尤其是桌面版的 Outlook for Windows）经常不会正确显示背景图，这是因为outlook 是使用 Word 作为邮件渲染引擎，而不是标准的 HTML/CSS 渲染方式。推荐的解决方案：使…...

编程日记 2025/7/2 2:37:15

Linux之七大难命令（The Seven Difficult Commands of Linux）

Linux之七大难命令、背景作为Linux的初学者，肯定要先掌握高频使用的指令，这样才能让Linux的学习在短时间内事半功倍。但是，有些指令虽然功能强大，但因参数多而让初学者们很害怕，今天介绍Linux中高频使用&#xff0…...

编程日记 2025/6/29 11:43:32

每日Html 4.24

📚 每日一个Html小知识 🐍 每天花1分钟，解锁一个Html实用技巧/冷知识！无论是新手还是老手，这里都有让你眼前一亮的编程干货。 ✨ 今日主题：<dialog> 标签 💡 你知道吗？ 浏览…...

编程日记 2025/7/2 2:28:55

YOLOv11改进-双Backbone架构：利用双backbone提高yolo11目标检测的精度

一、引言：为什么我们需要双Backbone？ 在目标检测任务中，YOLO系列模型因其高效的端到端检测能力而备受青睐。然而，传统YOLO模型大多采用单一Backbone结构，即利用一个卷积神经网络（CNN）作为特征提…...

编程日记 2025/6/29 9:52:13

嵌入式Linux驱动开发：LED实验

在嵌入式Linux驱动开发中，LED实验可以通过多种方式实现，主要包括设备树下的LED实验、新字符设备驱动的LED实验和GPIO子系统的LED实验。这三种方式在硬件资源管理、驱动架构和开发流程上有显著区别，下面从多个维度进行对比分析： 1.…...

编程日记 2025/6/29 11:25:36

系统与网络安全------弹性交换网络（2）

资料整理于网络资料、书本资料、AI，仅供个人学习参考。 Eth-Trunk 组网中经常会遇到的问题链路聚合技术概述 Eth-Trunk（链路聚合技术）作为一种捆绑技术，可以把多个独立的物理接口绑定在一起，作为一个大带宽的逻辑…...

编程日记 2025/6/29 9:24:02

Kotlin Multiplatform--01：项目结构基础

Kotlin Multiplatform--01：项目结构基础引言Common CodeTargetsExpected 和 actual1.使用函数2.使用接口引言以下为使用 Android Studio 创建的默认 Kotlin Multiplatform 的项目结构，本章将对项目结构进行简单介绍，让读者对 Kotlin Multi…...

编程日记 2025/6/29 12:08:27

SEO（Search Engine Optimization，搜索引擎优化）相关知识点

SEO（Search Engine Optimization）是指搜索引擎优化，是计算机领域中通过技术手段和内容策略，提升网站在搜索引擎（如Google、Bing、百度）中自然（非付费）排名的系统性方法。是一种通过优…...

编程日记 2025/6/29 11:09:54

轻松完成视频创作,在线视频编辑器,无需下载软件,功能多样实用!

小白工具的在线视频编辑https://www.xiaobaitool.net/videos/edit/ 功能丰富、操作简便，在线裁剪或编辑视频工具，轻松完成视频创作能满足多种视频编辑需求。格式支持广泛：可编辑超百种视频格式，基本涵盖常见和小众视频格式&#…...

编程日记 2025/6/29 10:29:41

typescript学习笔记(全)

1.安装全局安装 npm i -g typescript局部安装 npm i typescript初始化 tsc --init就会在所在目录下创建出一个tsconfig.json的ts配置文件 2.编译如果是全局安装 tsc index.ts就会在同目录下编译出一个index.js文件如果是局部安装 npx tsc index.ts3.特性 1.静态类…...

编程日记 2025/6/29 9:19:07

centos挂载新的硬盘

如果要将 nvme0n1 挂载到 /data 目录（而不是 /），操作会更简单，无需迁移系统文件。以下是详细步骤： 1. 检查磁盘情况 lsblk输出： NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT sda 8:0 …...

编程日记 2025/6/29 9:19:00

客户案例 | 西昊智能家具：日事清【目标】【日程】【项目】助力高效OKR管理

随着社会现代化、科技化的发展，人们越来越青睐智能化的家具产品，以此来提升家居的安全性、便利性与舒适性。目前，智能家具的行业规模正在不断扩张，产业也逐渐步入高质量增长模式。面对繁荣的市场前景，西昊智能家具与日…...

编程日记 2025/7/2 2:31:53

16.磁环在EMC设计中的选型与运用

磁环在EMC设计中的选型与运用 1. 磁环选型的参数和注意事项2. 磁环的选型方法3. 非晶磁环 1. 磁环选型的参数和注意事项 （1）损耗电阻R(f)和L(f)是频率的函数，因此IL也是频率的函数； （2）fL段，R(f…...

编程日记 2025/7/2 2:04:09

查询提交记录 SELECT s.sid,s.serial#,s.username,s.status,t.start_time,t.used_ublk,t.log_io,t.phy_io FROM v$session sJOIN v$transaction t ON s.saddr t.ses_addr; 查到的记录如下： 如果要终止第一次提交，如下操作 ALTER SYSTEM KILL SESSION…...

编程日记 2025/7/2 2:27:33

智能小助手部署 Win10 + ollama的Deepseek + CentOS+ maxKB

一、适用场景 1、企业内部知识管理 （1）快速查询政策与流程文档： 员工通过自然语言提问，MaxKB 能迅速定位相关文档并给出准确答案，减少人工检索成本，提升企业内部知识获取的效率。 （2&#xff0…...

编程日记 2025/6/29 11:57:12

CentOS 7 系统中，防火墙要怎么使用？

在 CentOS 7 系统中，默认有两个防火墙管理工具： firewalld（默认的动态防火墙，基于 D-Bus 管理） iptables（传统的静态防火墙，底层由 netfilter 提供支持） 是否需要关闭这两个防火墙…...

编程日记 2025/7/2 1:57:33

网页版 deepseek 对话问答内容导出为 PDF 文件和 Word 文件的浏览器插件下载安装和使用说明

文章目录网页版 deepseek 浏览器扩展应用程序插件1. 预览效果2. 功能介绍3. 浏览器扩展应用程序下载3.1. 下载方式13.2. 下载方式24. 安装教程4.1. Chrome 浏览器安装步骤4.2. Edge 浏览器安装步骤5. 使用说明网页版 deepseek 浏览器扩展应用程序插件 1. 预览效果预览效果导…...

编程日记 2025/6/29 12:16:54

MySQL 报错解析：SQLSyntaxErrorException caused by extra comma before FROM

一、遇到的错误在日常开发中，尤其是使用 MyBatis 等 ORM 框架操作 SQL 时，我们经常会遇到类似下面的错误。 ### Error querying database. Cause: java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that co…...

编程日记 2025/6/29 11:23:53

高光谱相机在生物医学中的应用：病理分析、智慧中医与成分分析

高光谱成像技术（Hyperspectral Imaging, HSI）通过捕捉物质的连续光谱信息与空间信息，形成“光谱立方体”，能够揭示传统成像技术无法获取的分子级特征。作为国内光谱技术领域的领军企业，深圳市中达瑞和科技有限公司依托…...

编程日记 2025/6/29 9:19:08

2025 年“泰迪杯”数据挖掘挑战赛B题——基于穿戴装备的身体活动监测问题分析

摘要本文聚焦于基于穿戴设备采集的加速度计数据，深入研究志愿者在日常活动中的行为特征，构建了多个数学建模框架，实现从身体活动监测、能耗预测、睡眠阶段识别到久坐预警等多个目标。我们依托于多源数据融合与机器学习模型，对人体活动状态进行识别与分析，为健康管理、行…...

编程日记 2025/6/29 9:19:10

10.接口而非实现编程

10.接口而非实现编程目录介绍 01.接口编程原则 1.1 接口指导思想 02.如何理解接口 2.1 重点搞清楚接口2.2 抽象的思想 03.来看一个案例 3.1 图片存储的案例3.2 业务拓展问题3.3 代码演变设计思想3.4 重构后的代码 04.定义接口的场景 4.1 要有接口意识4.2 接口具体的场景4.3 …...

编程日记 2025/7/2 1:33:51

基于大语言模型的AI智能体开发：构建具备工具使用能力的智能助手

本文将结合大语言模型（LLM）与工具调用能力，构建新一代AI智能体系统。通过ReAct框架实现智能思考-行动循环，集成网络搜索、计算器、API调用等外部工具，并基于LangChain实现可扩展的智能体架构。一、新一代AI智能体技术…...

编程日记 2025/6/29 9:19:11

DS B/B+/B*树及其应用(21)

文章目录前言一、常见的搜索结构内查找外查找二、B树的概念三、B树的插入分析四、B树的插入实现B树的节点设计B树的查找B树插入Key / Key & Value的过程B树的完整插入代码B树的中序遍历B树的删除B树的性能分析五、B树六、B*树七、B树系列总结及其应用总结前言我们计算…...

编程日记 2025/6/29 12:06:14

04-stm32的标准外设库

一、概述 1、STM32标准外设库（Standard Peripheral Library）是STMicroelectronics为STM32系列微控制器提供的一个软件库，它提供了一组API函数来简化对STM32微控制器硬件的访问。这个库包含了对各种外设（如GPIO、USART、SPI、I2C等…...

编程日记 2025/6/29 11:31:52

ORACLE RAC环境使用ASM机制零宕机时间更换存储的实践

ORACLE RAC使用存储，随时系统的发展，磁盘空间以及存储的老化、更换是一个典型的动作；基于ASM数据自动均衡分配到各个磁盘LUN的特性，可以使用此方式进行在线的迁移，ORACLE MOS上有一个文档：中文版&#xff1…...

编程日记 2025/6/29 9:46:47

03_JavaScript

文章目录一、概述1.1、JavaScript简介1.2、JavaScript组成部分1.3、为什么要学习JavaScript1.4、学习的目的1.5、JavaScript与Java的关系二、使用位置及运行说明2.1、使用位置2.2、如何运行三、JavaScript基础语法3.1、变量3.2、运算符3.3、控制流程3.3.1、分支结构3.3.2、循…...

编程日记 2025/6/29 10:14:04

Kafka消息可视化工具Offset Explorer

参考文献 Kafka消息可视化工具：Offset Explorer（原名kafka Tool）的使用方法【转】 - paul_hch - 博客园 https://zhuanlan.zhihu.com/p/722232008 正文官网下载地址为Offset Explorer 双击offsetexplorer_64bit.exe 安装双击使用kafka…...

编程日记 2025/6/29 9:54:10

AXP2101入门

目录核心功能与特性封装与配置安全与可靠性 AXP2101 是一款由全志公司开发的单电池 NVDC 电源管理集成电路（PMIC），专为锂离子/锂聚合物单电池应用设计，适用于需要多通道电源输出的设备。核心功能与特性 1.输入与充电管理输入…...

编程日记 2025/6/29 10:59:50

Bytebase 取得 SOC 2 Type 1 认证

我们很高兴地宣布，Bytebase 已成功取得 SOC 2 Type 1 认证，印证了我们在数据库 DevSecOps 平台始终以最高标准保障安全性、可用性和保密性的承诺。为了实现并维持 SOC 2 合规性，我们与 Vanta 合作进行自动安全监控和合规性验证。审计由独立…...

编程日记 2025/6/29 11:48:53

反爬系列 IP 限制与频率封禁应对指南

在数据采集领域，IP 限制与频率封禁是反爬机制中最常见的防御手段。随着网站安全策略的升级，单靠传统爬虫技术已难以应对高强度的检测。本文将从反爬机制解析、实战应对策略两个维度，系统讲解如何突破 IP 限制与频率封禁。一、反爬机制解析 …...

编程日记 2025/6/29 9:19:14

Java的进阶学习

注解 Java注解(Annotation)又称为Java标注，是JDK5.0引入的一种注释机制，可以用在类、方法、变量、参数成员上，在编译期间，会被编译到字节码文件中，运行时通过反射机制获得注解内容进行解析。内置注解 Java语言已经定…...

编程日记 2025/6/29 10:50:11

从零开始学习SLAM｜技术路线

概念视觉SLAM（Simultaneous Localization and Mapping）系统中，整个过程通常分为前端和后端两个主要部分。前端处理的是从传感器数据（如相机图像、激光雷达等）中提取和处理信息，用于实时定位和建图&am…...

编程日记 2025/6/29 9:19:13

vue3:十一、主页面布局(修改顶部导航栏样式-右侧：用户信息+退出登录+全屏显示)

一、效果完成效果，增加顶部导航栏，右侧用户信息(其中个人中心需要后续进行页面开发，这里只写了退出登录功能)，以及全屏功能二、搭建并引入右侧组件将右侧内容封装到单独的组件，直接引入(像左侧导航条等内容也是可以做成这种形式) 1、新建右侧组件的页面在layout中…...

编程日记 2025/6/29 12:09:30

车载客流记录仪简介

一、产品概述车载客流记录仪技术是采用智能视频分析算法，通过人体形态特征（头部和肩部）及上下车的运动规律研判，在设定区域内分析出上下车人数数量，实现相关人数数据的统计和记录。能够为公共交通企业、公共交通管理…...

编程日记 2025/6/29 10:59:46

2025新版懒人精灵零基础及各板块核心系统视频教程-全分辨率免ROOT自动化开发

2025新版懒人精灵零基础安装调试lua基础UI设计交互常用方法封装项目实战项目打包安装板块-视频教程(初学者必修课) 1.懒人精灵核心API基础和lua基础视频教程：https://www.bilibili.com/video/BV1Vm9kYJEfM/ 其它板块教程(包含：对接AI、实战、插件、UI、…...

编程日记 2025/6/29 9:55:54

从 Java 到 Kotlin：在现有项目中迁移的最佳实践！

全文目录： 开篇语 1. 为什么选择 Kotlin？1.1 Kotlin 与 Java 的兼容性1.2 Kotlin 的优势1.3 Kotlin 的挑战 2. Kotlin 迁移最佳实践2.1 渐进式迁移2.1.1 步骤一：将 Kotlin 集成到现有的构建工具中2.1.2 步骤二：逐步迁移2.1.3 步骤…...

编程日记 2025/6/29 12:21:15

矩阵运营的限流问题本质上是平台与创作者之间的流量博弈

矩阵运营的限流问题本质上是平台与创作者之间的流量博弈，要系统性解决这一问题，需从技术规避、内容优化、运营策略三个维度构建防御体系。以下结合平台算法逻辑与实战案例，深度解析限流成因及破解之道： 一、技术层：突…...

编程日记 2025/6/29 12:32:07

一种Spark程序运行指标的采集与任务诊断实现方式

一种Spark程序运行指标的采集与任务诊断实现方式编写时间：2023年8月2日第一次校准时间：2023年8月2日文章目录一种Spark程序运行指标的采集与任务诊断实现方式数据链路采集器的类图CustomSparkListener采集的指标task相关stage相关Job相关Executors相关诊断诊断分类调度阶…...

编程日记 2025/6/29 10:15:16

Gazebo 仿真环境系列教程（一）：环境安装与基础使用

文章目录一、版本说明与技术背景1.1 Gazebo 版本分支1.2 版本选择建议二、系统环境准备2.1 硬件要求2.2 软件依赖三、Gazebo Garden 安装流程3.1 添加官方软件源3.2 执行安装命令3.3 环境验证四、Gazebo Classic 安装方法4.1 添加软件仓库4.2 安装核心组件4.3 验证安装五、…...

编程日记 2025/6/29 10:40:32

Nginx 中间件

Nginx（发音为 "engine-x"）是一款开源的高性能 HTTP 服务器和反向代理服务器，最初由 Igor Sysoev 开发。它以其高性能、稳定性、丰富的功能集和低资源消耗而闻名，广泛应用于全球的 Web 服务架构中。作为中间件&#…...

编程日记 2025/6/29 10:29:23

记录学习的第三十一天

今天只做了一道每日一题。说实话，根本不会做呀，该怎么办？ 以下是我看了题解之后的思路(适合新手）： 1.首先肯定是要求出整个数组的不同数字有多少个的使用set来操作 2.右指针开始进入窗口，把元素放进哈希…...

编程日记 2025/6/29 10:28:33

Framework.jar里的类无法通过Class.forName反射某个类的问题排查

1，背景我们想要在system_server进程里扩展一些我们自己的功能。考虑到解耦和编译依赖的问题，我们用PRODUCT_SYSTEM_SERVER_JARS预置我们的类，然后用反射jar里面的类的方式来实现代码引用。 2，遇到的问题在SystemServer.jav…...

编程日记 2025/6/29 11:30:38

架构-信息安全技术基础知识

一、信息安全基础 1. 信息安全的5个基本要素（重点） 机密性：确保信息不泄露给未授权的人或程序。 ▶ 举例：银行用户的账户密码必须保密，防止黑客窃取。完整性：保证信息不被非法修改，保持准确和…...

编程日记 2025/6/29 11:03:11

项目班——0419——chrono时间库

1、写日志需要时间库 C11时间库chrono源自于boost 1.时间间隔 duration 2.时间点 timepoint 3.时钟 clock 系统时钟system_clock，稳定时钟steady_clock，高精度时钟high_resolution_clock 例子 1、休眠100毫秒 2、输出当前时间获取当前时间戳 s…...

编程日记 2025/6/29 10:19:39

Unity后处理全解析：从入门到优化

在游戏开发的世界里，Unity作为一款强大的游戏引擎，为开发者们提供了丰富的功能和工具。其中，后处理（Post-Processing）技术是提升游戏画面质量和视觉效果的重要手段之一。今天，我们就来深入探讨一下Unity后处理的相关内容，包括基本概念、使用说明、常见效果、优化技巧以及…...

编程日记 2025/6/29 9:19:23

得物业务参数配置中心架构综述

一、背景现状与痛点在目前互联网飞速发展的今天，企业对用人的要求越来越高，尤其是后端的开发同学大部分精力都要投入在对复杂需求的处理，以及代码架构，稳定性的工作中，在对比下，简单且重复的CRUD就显得…...

编程日记 2025/6/29 10:18:11

针对密码学的 EM 侧信道攻击

基于电磁的侧信道攻击是非侵入式的，这意味着攻击者无需物理接触设备即可窃取信息。我们将了解这些电磁侧信道攻击的工作原理。我们之前介绍了侧信道攻击的概念：它们是什么，以及为什么它们会成为重大的硬件安全威胁。在众多形式的侧信道攻击中，最强大的一种是电磁 (EM) 攻…...

编程日记 2025/6/29 11:23:56

el-setup- 修改样式(vue3)

一第一步 <template><el-steps :active"activeStep" align-center><el-stepv-for"item in stepData":key"item.value":class"{ currentStep: activeStep item.value }"><template #icon><div class"…...

编程日记 2025/6/29 9:25:41

CPT204 Advanced Obejct-Oriented Programming 高级面向对象编程 Pt.8 排序算法

文章目录 1. 排序算法1.1 冒泡排序（Bubble sort）1.2 归并排序（Merge Sort）1.3 快速排序（Quick Sort）1.4 堆排序（Heap Sort） 2. 在面向对象编程中终身学习2.1 记录和反思学习过程2.2 …...

编程日记 2025/6/29 9:19:21

【低配置电脑预训练minimind的实践】

低配置电脑预训练minimind的实践概要 minimind是一个轻量级的LLM大语言模型，项目的初衷是拉低LLM的学习门槛，让每个人都能从理解每一行代码开始， 从零开始亲手训练一个极小的语言模型。对于很多初学者而言，电脑配置仅能够满足日…...

编程日记 2025/6/29 9:19:16

在使用 VML为 Outlook 兼容背景图时，对图片格式有一定要求

相关文章：