html - 我正在创建 html eblast,当我发送测试消息时,所有图像和视频都从其位置移动

标签 html css

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
	
</head>

<body style="position: fixed;">
	<div style="position: fixed; margin: auto; display: block;">
	<img src="https://image.ibb.co/mMxcMp/Untitled_1.png" alt="Untitled_1" border="0" width="750" style="position: relative; top: 0; left: 0; z-index: 1">
	<img src="https://image.ibb.co/c2LYSU/workeefy.png" alt="workeefy" border="0" width="50" style="position: absolute; top: 1018px; left: 180px; z-index: 2;">
		<a href=""><img src="https://image.ibb.co/kJfKZ9/apple_store.png" alt="apple_store" border="0" width="150" style="position: absolute; top: 1020px; left: 20px; z-index: 3;"></a>
		<a href=""><img src="https://image.ibb.co/jrF8SU/google_play_logo.png" alt="google_play_logo" border="0" width="150" style="position: absolute; top: 1020px; left: 241px; z-index: 4;"></a>
		<a href="">
			<img src="https://image.ibb.co/mWBwxU/workeefy.gif" alt="workeefy" border="0"style="position: absolute; top: 150px; left: 320px; z-index: 5;">
		</a>
		</div>
</body>
</html>

this is what I get after sending test message这是代码,另外我在发送测试消息之前和之后附加了图片。

this is what I want

最佳答案

您需要使用表格来格式化电子邮件中的 html。您的内联样式是正确的方法,但我认为您需要使用嵌套表格来获得您可以依赖的东西。

https://support.e2ma.net/Resource_Center/Account_how-to/basic-format-for-your-own-html-emails

关于html - 我正在创建 html eblast,当我发送测试消息时,所有图像和视频都从其位置移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52561612/

相关文章:

html - 模块化 CSS 翻转功能

javascript - 在 Ajax 中将输入发送到文件

html - div 内的元素淡入淡出效果。我如何实现这个脚本?

javascript - 使用Jquery根据文本动态添加div

javascript - <picture/> 元素 onLoad 没有持续触发

css - less 中的父选择器

jquery - 完全进入视口(viewport)后,如何将div粘贴在页面底部?

jquery - 垂直居中标签和输入字段

css - IE9 fieldset圆 Angular

html - 为什么图像下拉列表在某些浏览器上不显示图像?