将链接放在标题

中

因为您相对定位h3，所以它相对于其他位置向下移动页面，但a标记未定位，因此仍然保留在此处包含h3的新职位。

考虑以下简单示例，其中h3相对位于右侧50％。如果您将鼠标悬停在a>h3的左侧，则会看到它是可点击的，但如果您将鼠标悬停在h3>a的左侧，则会看到它无法点击。

h3 {
    position: relative;
    left: 50%;
}

<a href="#"><h3>a&gt;h3</h3></a>
<h3><a href="#">h3&gt;a</a></h3>

Answer 2

如果您提供一些像页脚一样的代码可能会有所帮助，因为看起来您的问题就在那里。

从我看到你想做的事情就是这样的。

<div>
<h3><a href="#">Become part of the innovation</a></h3>
</div>
<footer>
<img1 src="#"/>
<img2 src="#"/>
<img3 src="#"/>
<img4 src="#"/>
<img5 src="#"/>
</footer>

我可能错了，所以如果我愿意请添加您的代码，以便我们可以查看

Answer 3

我已根据您的pastebin在您的问题中添加了一个代码段。可能是因为你的css.png图像还没有完成：

<img src="imgs/css.png"

另外，你img是自闭标签，所以你应该这样做：

<img src="imgs/css.png" alt="CSS" />

此外，请确保您拥有alt代码，即使该代码为空。

在我完成编辑之前还发布了gfullam，他的答案非常正确:)。

Answer 4

抱歉，我的错误，

<a href="#"><h3>Become part of the innovation</h3></a>

应该是

<h3><a href="#">Become part of the innovation</a></h3>

您可以在此处查看结果https://jsfiddle.net/L5fbqrc5/

我可以点击文本元素之外的链接吗？

4 个答案:

将链接放在标题