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

向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 2

链接似乎没问题。没有错。我们需要更多信息，代码，错误等等。

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>

无法链接.png图像

3 个答案: