当前位置: 首页 > 面试题库 >

如何在图像上放置文本而没有绝对定位或将图像设置为后退

濮阳国兴
2023-03-14
问题内容

我正在尝试查看是否可以在不使用位置的情况下在图像上放置一些文本:绝对图像或具有元素背景。
限制的原因是HTML代码正在发送到电子邮件中,事实证明hotmail都不支持。
我记得当我刚开始研究CSS时,会在图像周围随意浮动文本,而最终我常常以遍历整个图像的文本为乐。可悲的是,我无法重现这种行为。

全文(编辑):
我从图形设计师那里得到了漂亮的布局。它基本上是一张漂亮的背景图片,带有链接到网站的徽标,中间是基本上“文本在此处”的区域。
在这些情况下,像往常一样,我使用表来确保所有内容都保留在原位并且可以跨浏览器+ crossmailclient运行。
问题来自于以下事实:中间的“文本到达此处”区域不是白色矩形,而是具有一些背景图形。
经过测试,Live Hotmail似乎不喜欢任何位置:绝对图像或背景图像。相对边距也不好,因为它们会破坏其余的布局。

当前版本,可在任何其他邮件客户端/网站中使用:

...
<td>
<img src='myimage.jpg' width='600' height='400' alt="'>
<p style="position: absolute; top: 120px; width: 500px; padding-left: 30px;">
blablabla<br>
yadda yadda<br>
</p>
</td>
...

当然,“不可能”可能是一个完全可以接受的答案,但我希望不是;)


问题答案:

桌子一出,我就一直在拉这种特技。确实很丑陋,并且可能会严重阻碍您运行它的任何验证器:重叠的表单元格。即使在没有CSS的情况下,也可以在大多数浏览器中使用。

例:

<table>

  <tr>

    <td></td>

    <td rowspan=2><img src="//i.stack.imgur.com/XlOi4.png"></td>

  </tr>

  <tr>

    <td colspan=2>This is the overlay text</td>

  </tr>

</table>

我知道,对此我应有的反对意见。



 类似资料:
  • 我有一个无法解决的问题... 我有一个自定义的imageview,它会根据更大的尺寸改变大小——包含该视图的布局的宽度或高度。它的工作方式总是适合布局。 它的布局是这样的: 我正在努力实现的是,我有尺寸为1000x1000px的原始地图。在这张地图上,我有一些点。我必须在Android上显示这张地图,并在与原始地图相同的点上添加其他视图。 所以举个例子: > 原始地图为1000x1000px 我用

  • 问题内容: 我是Rails编程的初学者,试图在页面上显示许多图像。有些图像要放在其他图像之上。为简单起见,假设我要一个蓝色正方形,在蓝色正方形的右上角有一个红色正方形(但在角落不紧)。由于性能问题,我试图避免进行合成(使用ImageMagick等)。 我只想相对于彼此放置重叠的图像。 举一个更困难的例子,想象一下将里程表放在更大的图像中。对于六位数字,我将需要合成一百万个不同的图像,或者即时进行处

  • 问题内容: 谁能建议我如何将.TIF格式的图像存储到该图像并将其添加到列表模型?我试过了,但是给了我。 在这里,我编辑了代码,这是我的错误msg 异常,位于ListImage1.main(ListImage1.java:48)的javax.swing.ImageIcon。(ImageIcon.java:228)的线程“ main”中java.lang.NullPointerException 问题

  • 问题内容: 我想将自定义图像设置为UIBarButtonItem,但它仅在周围显示一个矩形框,并且不显示实际图像。 我的应用程序屏幕截图 上面的方法是工具栏配置,但是我不知道这是什么错误。 问题答案: 那是因为UIBarButtonItem图像的默认呈现模式始终将图像绘制为模板图像,而忽略其颜色信息(UIImageRenderingModeAlwaysTemplate)。只需使用UIImage的方

  • 我想粘贴一个相对图像url到一个div设置为背景图像。不幸的是,div不会呈现图像。因此,这工作良好,并呈现图像 但这个不是 我也尝试过的事情: 在单引号中包装url 可能吗? 从src文件夹开始 和从“资源”文件夹开始 背景图像的正确url是什么? 更新 我在用VueJs所以这里的情况可能会有所不同?再现的步骤: 使用Vue CLI创建新项目 在中创建 目录 在中创建映像,并将其称为 使用更新a

  • null 那个代码有什么问题?我不明白为什么不能将ImageRi发送到ImageView。我还验证了我正在传递给setImageURI函数的Uri值是正确的。