Html 图像没有超链接

目前我的社交媒体页面的图标没有超链接，我不知道为什么。我有它周围的href和出于某种原因，它不工作。有人能帮帮我吗

HTML代码：

html{
身高：100%；
宽度：100%；
排名：0；
左：0；
溢出：隐藏；
}
.背景{
位置：固定；
z指数：-1000；
宽度：100%；
身高：100%；
溢出：隐藏；
排名：0；
左：0；
}
#背景视频{
位置：绝对位置；
排名：0；
左：0；
最小高度：100%；
最小宽度：100%；
}
.内容{
位置：绝对位置；
宽度：100%；
最小高度：100%；
z指数：1000；
}
.内容h1{
字体系列：漫画无MS，无衬线；
文本对齐：居中；
字体大小：200px；
文本转换：大写；
字号：700；
颜色：#ffffff；
边缘底部：1px；
}
.内容h3{
文本对齐：居中；
字体大小：24px；
字母间距：3px；
颜色：#ffffff；
边缘底部：1px；
}
img{
左侧填充：10px；
右边填充：10px；
}
.社交媒体图标{
z指数：1000；
文本对齐：居中；
显示：块；
垫面：35%；
}
A-T
在线投资组合由

您需要在href中为每个a标签添加一个目的地

<a target="_blank"  href="https://www.facebook.com"><img class="facebook" src="facebook.png" alt="Facebook" width="40px" height="40px"></a>

---

您需要在href中为每个a标签添加一个目的地

<a target="_blank"  href="https://www.facebook.com"><img class="facebook" src="facebook.png" alt="Facebook" width="40px" height="40px"></a>

---

我想这就是你想要的：

您的内容高度设置为最小高度：100%；这导致内容div覆盖了您的社交媒体div

为了使它们可以点击，你已经做了正确的事情，添加了一个z-index，但是，如果没有定位，z-index将不起作用。如果将位置设置为“相对”，则它们将显示为所需的位置。在href标签中还需要一个目的地

.social-media-icons{
   position:relative;
   z-index: 1000;
   text-align: center;
   display: block;
   padding-top: 35%;
}

---

我想这就是你想要的：

您的内容高度设置为最小高度：100%；这导致内容div覆盖了您的社交媒体div

为了使它们可以点击，你已经做了正确的事情，添加了一个z-index，但是，如果没有定位，z-index将不起作用。如果将位置设置为“相对”，则它们将显示为所需的位置。在href标签中还需要一个目的地

.social-media-icons{
   position:relative;
   z-index: 1000;
   text-align: center;
   display: block;
   padding-top: 35%;
}

---

我已经做到了，但至少对我来说仍然不起作用。我已经做到了，但至少对我来说仍然不起作用。