无法 Link .png 图片

Question

<ul class="icons">
<a href="https://youtube.com/c/#" target="_blank"><img src="youtube.png" alt="Buffer1" />
</a>
<a href="http://twitch.tv/#" target="_blank"><img src="twitch.png" alt="Buffer2" />
</a>
<a href="https://twitter.com/#" target="_blank"><img src="twitter.png" alt="Buffer3" />
</a>
</ul>

这是我使用的代码，但我不明白我做错了什么。如果有任何帮助，我将不胜感激。

显示了一个 .png 图像，但是当我尝试单击它时它无处可去（好像它根本就没有链接）。

Answer 1

链接似乎没问题。没有什么不对。我们需要更多的信息，代码，错误的地方等等

Answer 2

将 z-index 添加到您的 #main。往下看

#main {
    position: relative;
    max-width: 100%;
    min-width: 27em;
    padding: 4.5em 3em 3em 3em;
    background: #000000;
    border-radius: 4px;
    cursor: default;
    opacity: 0.75;
    text-align: center;
    z-index: 10 !important; <---- look here
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -moz-transition: opacity 1s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 1s ease, -ms-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
}

Answer 3

我在您的代码中看到的唯一错误是使用 ul 而没有 li

应该是

<ul class="icons">
<li><a href="https://youtube.com/c/#" target="_blank"><img src="youtube.png" alt="Buffer1" />
</a></li>
<li><a href="http://twitch.tv/#" target="_blank"><img src="twitch.png" alt="Buffer2" />
</a></li>
<li><a href="https://twitter.com/#" target="_blank"><img src="twitter.png" alt="Buffer3" />
</a></li>
</ul>

无法 Link .png 图片

Unable to Link .png Images

html

png