javascript - 在由 javascript 加载的图像上添加文本

标签 javascript html css

<li>
    <a href="../images/fullsize/Agave.jpg" class="zoom" title="image1" onclick=""><img src="../images/thumbs/Agave.jpg" alt="" /></a>
</li>

我有可以扩展图像的 JavaScript,但我还有一项任务,我需要在扩展图像 (Agave.jpg) 上添加文本,这可能吗?

最佳答案

您可以使用图像作为 anchor 元素的背景:

<a href="../images/fullsize/Agave.jpg" class="zoom" title="image1" onclick="" style="background: url(../images/thumbs/Agave.jpg) no-repeat 0 0;width:[img-width]px;height:[img-height]px">
Agave.jpg
</a>

请注意,只有 anchor 内的文本才会像链接一样。

关于javascript - 在由 javascript 加载的图像上添加文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22942746/

相关文章:

javascript - 如何使用 jQuery 从发送到服务器的元素列表中省略 "Select All"复选框?

javascript - 我如何在 react 中包含第三方库(turn.js)

javascript - Lodash .clone 和 .cloneDeep 行为

html - 背景 img 宽度由里面的文本控制。高度保持不变

javascript - 为什么使用 jQuery data();函数不是将数据属性赋值写入HTML吗?

php - 全高右格

html - 我如何在 css 或 bootstrap 中创建自定义列

javascript - 在下拉菜单中循环遍历年份

css - 只有 3 个边的盒子阴影

css - 自定义 Zurb Orbit 插件