Question

我创建了一个代码生成器，使用户可以轻松地在网站中嵌入图像。但是，该网站会从输入框中粘贴的任何代码中删除所有CSS样式属性和JavaScript。

这意味着我必须在页面上生成的图像下方或上方显示我的徽标。我希望我的徽标显示在图像的顶部（最好是在左上角）。使用CSS可以将其设置为position:absolute和z-index:2以生成该效果。但由于禁用了CSS，我无法做到这一点。

在没有使用CSS或JavaScript（仅仅是HTML）的情况下，您是否可以通过任何方式将我的徽标覆盖在我的媒体上？

Answer 1

简而言之：否。

除非通过从上到下选择顺序（与html结构中的顺序相同），否则无法以您想要的方式定位html元素。因此无法覆盖。

Answer 2

没有CSS，标记就会流动。没有CSS就无法做到。

Answer 3

如果你想有点疯狂，你可以使用PHP的GD Image库将你的徽标合并到顶部。去年，我为一位客户做了类似的事情，他想要一个将图像层合并成一个最终图片供人们下载的头像制作者。最后的结果非常棒。

Answer 4

表格背景允许您将图像叠加在一起。以下示例将图像偏移10个像素：

<html><body>
<table background='image_one.png'><tr><td width='10'></td>
<td><img src='image_two.png'></td>
</tr></table>
</body></html>