制作 CSS 图片链接？答案

【问题标题】：Make CSS image link?制作 CSS 图片链接？
【发布时间】：2016-10-16 07:52:46
【问题描述】：

这是我的代码，

  #esc1{ 
  position: absolute; 
  top:0px; 
  right: 0; 
  width: 30px; 
  height: 30px;
  opacity: 0.5;
  padding: 30px;

我的问题是你能在其中加入一个链接吗？这是为了一张图片。

【问题讨论】：

标签： css image

【解决方案1】：

您可以使用background: url(path/to/yourimg.png); 将图像用作背景。

如果你想链接到实际图像，你可以使用 HTML anchor 标签来包装你的 img 标签

<a href="path/to/img">
    <img id="esc1" src="path/to/img" />
</a>

但无论如何这都是微不足道的。去w3schools学习HTML和CSS

【讨论】：

【解决方案2】：

<a href="https://www.google.com">
  <img src="https://placehold.it/100" />
</a>

【讨论】：

【解决方案3】：

您写道（在对@r1verside 答案的评论中）：

我希望图像 (esc1) 成为它所在的所有页面上的链接开

这是不可能的。要获得链接，您需要一个带有href 属性的<a> 标记以及<a> 和</a> 之间的一些内容（文本或图像）。这需要在每个页面上单独完成。您不能通过 CSS 定义链接。

【讨论】：