Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
放置在表格上的图像-HTML邮件_Html_Css_Html Table_Html Email - Fatal编程技术网

放置在表格上的图像-HTML邮件

放置在表格上的图像-HTML邮件,html,css,html-table,html-email,Html,Css,Html Table,Html Email,我正在寻找一种可能的方法来获得一些表格的图像覆盖。我试过Z定位,但没有。也许我做得不对。我希望有人能给我一些建议,让我走上正确的方向 提醒: 我不能使用div,因为它是HTML邮件。 代码示例: 洛雷姆滴度 Lorem字幕 Lorem ipsum dolor sit amet,是一位杰出的献身者。不,这是一条真理,它是欧迪奥迪奥·维韦拉(odio viverra ac.Pellenteske)的居民莫比·特里斯蒂克·塞内特斯(morbi tristique Sentecus)和内特斯(ne

我正在寻找一种可能的方法来获得一些表格的图像覆盖。我试过Z定位,但没有。也许我做得不对。我希望有人能给我一些建议,让我走上正确的方向

提醒: 我不能使用div,因为它是HTML邮件。

代码示例:


洛雷姆滴度

Lorem字幕

Lorem ipsum dolor sit amet,是一位杰出的献身者。不,这是一条真理,它是欧迪奥迪奥·维韦拉(odio viverra ac.Pellenteske)的居民莫比·特里斯蒂克·塞内特斯(morbi tristique Sentecus)和内特斯(netus)以及著名的图尔皮斯·埃吉斯塔(turpis egestas)。非脑性脑性瘫痪,脑性瘫痪。在euismod felis sed ex consequecat中,非继承性的magna laoreet。这是一个非自由主义者委员会。南奎斯尼斯米。无前庭,无前庭。

Lorem ipsum。
多拉·希特·阿梅特


在html和CSS中进行以下更改。添加
z-index:999;位置:绝对位置到小图像和
位置:相对到其他

HTML

 <img class='smallimg' src="Fotos/icon-vb.gif">

仅仅给它一个z指数是行不通的,因为它也需要一个位置。由于这是一封HTML电子邮件,使用
position:absolute
定位在绝大多数电子邮件客户端上都不起作用。很遗憾,我会记住这一点并运行一些测试!尽管对
position
的支持似乎很强,但这些主要客户并不支持它:Outlook、Gmail和Android。除非您确定大多数收件人都没有在这些客户机中查看他们的电子邮件,否则实施此操作不是一个好主意,因为如果不完全支持
位置
,它看起来会非常糟糕。这真的把我带向了正确的方向,我想知道为什么你有z-index:999?现在它的右边也重叠了,我想我可以用它来做同样的事情,所以它也在左边做同样的事情?你甚至可以使用z-index:1;。是的,您可以对左侧执行相同的操作:)
 <img class='smallimg' src="Fotos/icon-vb.gif">
  .smallimg {
    z-index: 999;
    position:absolute;
    border: 1px solid #f00
}
.fix {
    position:relative;
}