Css 在图像上书写

我的网站上有一张图片，我想添加一个打印选项。所以我找到了一种方法，但是我希望单词Print Image位于图像的顶部，在它的左下边缘

我如何添加这个句子

谢谢

---

，左下边缘中的文本表示打印图像。

我推测您希望创建位于图像左下角的文本覆盖。为了实现这一目标，您可以将文本包装在一个span内联元素中，该元素包装在一个div中，并将position设置为absolute。设置top和left属性以满足您的偏好。

<div style="position:relative">
<img src="image.gif" alt="preview" />
<div style="position:absolute; left:0px; bottom:0px; cursor:pointer" onclick="...">Print Image</div>
</div>

示例代码如下所示：

<div id="content">
<div><img src="image.jpg" /></div>
<div style="position: absolute; left: 10px; top: 100px;"> <!-- Change these parameters to reflect proper placement depending on the size of your image -->
<span>Print Image</span>
</div>
</div>

当然，您可以在css文件中实现样式。

---

希望这是有用的

你自己有没有试过研究这个问题？你试过什么？你有什么问题吗？我试着重新拍摄了大约一个小时。。一开始我觉得很容易。我知道这似乎是一个愚蠢的问题，但我努力了，但还是做不到，加上我是这方面的初学者，所以请帮帮我…那么你的研究把你带到哪里去了？你试过什么吗？读一下绝对/相对定位。我可以在图片的顶部写字，但我不能把文字放在底部，只能放在左边。因此，在尝试了许多不起作用的东西之后，我决定在photoshop中对图像进行书写，并将其剪切成两部分，分别作为div添加到我的html中，并在部分上添加一个带有文本的链接。在玩了很多次之后，它看起来很好，虽然代码很长而且不美观，但是底部仍然有一个填充物，如果我去掉它，会将图像移到看不见的地方。