如何将URL链接附加到一张图片上？

Question

我正在创建一个网站。它包含不同地方的视频。现在我的问题是，我需要将一个带有URL链接的图像集成到其中。当用户点击该链接时，它必须导航到该链接。即使用户下载了视频，也必须导航到该链接（与上面链接到图像的相同链接）。

- Zach

---

接受这个答案。它是正确的，没有其他的答案会让你感到困惑。 - Pratik Deoghare

如果您接受有用的问题，Stack Overflow的用户将更愿意帮助您。在得分和投票按钮下面有一个复选标记。 - alex

还有六个问题没有被采纳的答案。似乎很难相信在这些问题中没有一个可接受的答案... - T.J. Crowder

这个用户总是需要帮助，却不会通过投票、采纳答案或者反馈来回报其他用户的帮助...非常自私。 - Daniel

Answer 1

"如何将 URL 链接与图片关联起来？"

您可以按照以下方式实现：

<a href="http://www.google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a>

在这里查看实际效果。

- Gregory Pakosz

---

别忘了将图片的边框设为0，否则某些浏览器可能会在周围添加讨厌的蓝色边框。 - Bozho

你说得没错，但我不想现在讨论样式方面的考虑。 - Gregory Pakosz

DNS问题:/ 应该已经解决。 - Gregory Pakosz

Answer 2

或者，

<style type="text/css">
#example {
    display: block;
    width: 30px;
    height: 10px;
    background: url(../images/example.png) no-repeat;
    text-indent: -9999px;
}
</style>

<a href="http://www.example.com" id="example">See an example!</a>

这样的文本可能会更有利于SEO，如果CSS被禁用，它看起来会像漂亮的简单文本。

- alex

---

嘿，Alex，有没有一种方法可以在不使用占位符文本的情况下将图像添加到链接中？ - Infant Dev