如何将 url 链接附加到图像？

Posted 2023-02-22

【中文标题】如何将 url 链接附加到图像？

【英文标题】：how to attach url link to an image?

【发布时间】：2010-12-27 15:53:30

【问题描述】：

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

【问题讨论】：

接受这个答案。这是正确的，没有其他答案可以让您感到困惑

如果您接受您认为有帮助的问题，Stack Overflow 的用户会更愿意帮助您。评分和投票按钮下方有一个复选标记。

其他六个问题，没有接受的答案。似乎不太可能没有任何可接受的答案......

这个用户一直想要帮助，如果有人帮助了，他甚至不会用任何投票、接受的答案甚至反馈来回报用户......非常自私的人。

【参考方案1】：

“如何将 url 链接附加到图像？”

你这样做：

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

查看action。

【讨论】：

不要忘记将图片的边框设置为0，否则一些浏览器可能会在其周围添加一个讨厌的蓝色边框。

你是对的，但我不想再考虑样式了

dns 问题：/ 应该修复

【参考方案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 的简单文本。

【讨论】：

嘿亚历克斯，有没有办法在不使用占位符文本的情况下将图像添加到链接？？