是否可以使用HTML应用Z-index?

时间:2013-08-12 09:21:04

标签: html css outlook

我有一个很长的垂直电子邮件表单,我正在使用由表格制作的旧模板进行编辑,并且宽度不能完全匹配,所以我打算做的是添加一个div或图像等。这些表只比最宽的表宽,它会隐藏凌乱的表格布局,使电子邮件表格看起来更加统一和整洁。

我过去做过类似的事情,但在CSS上使用z-index。当我发送到Outlook时,我不想使用CSS。

很抱歉,如果我的帖子令人困惑。任何帮助表示赞赏

3 个答案:

答案 0 :(得分:3)

简短的回答是 NO ,除非您愿意更改标记的顺序,否则不能仅使用HTML,否则就CSS而言,你可以对该特定元素使用z-index内联。

所以例如

<div style="z-index: /* Whatever */"></div>

答案 1 :(得分:1)

虽然内联样式适用于所有主要的现代邮件客户端,但z-index却没有。我很遗憾不得不这样说,但如果它们的尺寸不匹配,你可能需要从头开始重建你的嵌套桌子。

作为一个简单示例:Outlook 2007使用word作为渲染引擎。 z-index将永远不会与该客户端一起显示,因此将完全破坏您的布局。很多人仍然使用outlook 2007,无论喜欢与否。

如果你需要一些分层效果,你将不得不使用普通的旧图像并剪切它们,使它们适合表格单元格。这是一个痛苦,但这是html-email世界的一部分,这可能就是你付出的代价。

答案 2 :(得分:0)

您可以使用inline CSS。这适用于Outlook和所有其他电子邮件客户端。