Javascript 将选项卡图标挂接到图像上

我想在图库中显示的图像的底部边框上放一个标签。此选项卡应与图像边框相邻，没有一个像素空间

单击此选项卡将触发一个小java脚本，以显示div元数据的内容

显示的div#Metadata包含一个按钮，用于“关闭”元数据的显示

function hideMetadata()
{document.getElementById("Metadata").style.display="none";}

上面的两个功能运行良好

我的问题是在xhtml中将选项卡图标“挂钩”到图像上。每页图像的数量和大小各不相同，因此在CSS中使用像素值进行定位并不是解决方案

我想这个问题已经解决了——我只是不知道解决办法

还有一种聪明的方法，例如使用jquery

---

感谢您的回复。

您能将图像放入div容器中吗？这样，您只需在图像下方添加一个绝对定位的“选项卡”

---

我们能看到html和css吗？即使图像大小不同，也可能只使用css。以下是相关实时网页的URL。它很实用，但还是很难看。它是div#metadata#img图像本身包含在一个

function hideMetadata()
{document.getElementById("Metadata").style.display="none";}