Html 我如何放置<；a>；标签覆盖另一个（更大）<；a>；标签？

情况是这样的：我在一个页面中有一系列的缩略图，当用户用光标悬停时，我想在每个图像上显示几个关键字。这些关键字中的每一个都是指向搜索查询的锚定标记。每个缩略图（图像）也应该可以点击（通过关键字留下的空白）并指向特定的页面

我已经把所有的东西都编码好了，我只是缺少了一种在图像锚上显示关键字锚的方法。我已经尝试过onclick=“window.location.href=…”但是当用户单击关键字时，onclick也会被触发（例如：如果我按住ctrl键并单击关键字，我会在另一个窗口上搜索关键字，但是主窗口的内容也会改变）

---

任何帮助都将不胜感激。谢谢

你不能。这是非法的html。

---

附加一个单击处理程序，该处理程序将更改当前位置，而不是“更大的位置”。

我将用一个长的回复来回答，但是，我们可以在这里查看我的JSFIDLE。我之前试着解决一些问题，好吧，看看

如果你看一下代码，它所做的正是你所描述的

在我的JSFIDLE上，有一个带有图像空间的div框（这是图像的位置），图像在代码上，但不在JSFIDLE上，因此您将看到alt标记……总之，鼠标悬停时，它会显示另一个div，其中动态创建了文本

你所要做的就是用你自己的图片替换图片内容，然后在这行中插入你想要的链接/关键字链接

.prepend('<div class="portSecRollOver"><div class="portSecInner"></div></div>');

.prepend（“”）；

然后把你的话插在

**你的话在这里**

行之间

并更改CSS以满足您的需要

哦，顺便说一句，删除下面这一行，它是在“portSecInner”中动态添加文本的那一行，因为你要插入你自己的单词，那么你就不需要这一行了

$(this).find('.portSecInner').html("<h3 class='h34roll'>" + $(this).find('img').attr("alt") + "</h3>");

$（this.find（'.portseciner'）.html（“+$（this.find（'img'））.attr（“alt”）+”）；

这是非常常见的，可以通过简单的HTML和CSS来完成。您也可以使用JavaScript来实现，但如果可能的话，我宁愿避免这样做

这个例子是非常有效的HTML/CSS，应该没有奇怪的浏览器呈现问题（甚至可以追溯到IE6）

基本上，您有一个包含元素，在本例中是一个div，其中包含链接的缩略图和链接的关键字。默认情况下，它们是隐藏的，仅当包含的div悬停时才显示

---

链接的缩略图是绝对定位的，这样它就可以从页面流中删除，从而允许链接的关键字显示在顶部。然后，我使用z索引确保关键字始终位于高于链接缩略图的层上。

因此，基本上，关键字锚点上的onclick事件是否会向下滚动到缩略图的onclick事件？？您的HTML、CSS和javascript是什么？可能有一个有效的HTML解决方案。这正是我想要的。主席先生，谢谢你的回应，这实在是大有裨益。祝你过得愉快。太棒了！很高兴我能帮忙。