html - 使用图像作为链接

Question

所以我觉得我做的一切都正确，但无法让我的图片链接到我的其他页面。

我的 html:

<div id="picbox" >
   <div id="first"><a href="classes.htm"><img src="images/skyrim edit1.png" width="200px" height="500px"></a></div>
   <div id="second"><a href="skilltree.htm"><img src="images/skyrim edit2.jpg" width="200px" height="500px"></a></div>
   <div id="third"><a href="equipment.htm"><img src="images/Daedric_Armor_(Skyrim).jpg" width="200px" height="500px"></a></div>
   <div id="fourth"><a href="locations.htm"><img src="images/skyrimmap.jpg" width="200px" height="500px"></a></div>
   <div id="fifth"><a href="tips.htm"><img src="images/skyrimlogo.png" width="200px" height="500px"></a></div>
</div>

我的CSS:

#picbox{
position: relative;
top: 300px;
width: 100%;
height: 600px;
overflow: hidden;
z-index: -6;}

#first, #second, #third, #fourth, #fifth
{border: 2px solid orange;
height: 500px;
width: 200px;
margin-top: 25px;}

#first{
float: left;
margin-left: 100px;}

#second{
float: left;
margin-left: 175px;}

#third{
float: left;
margin-left: 175px;}

#fourth{
float: left;
margin-left: 175px;}

#fifth{
float: left;
margin-left: 175px;}    

因此，我们将不胜感激任何帮助。我在一个更大的占位符 div 中有 5 个 div。我正在尝试将图像放入较小的 div 中并让它们链接到其他页面

Answer 1

z-index 索引的值会影响您的超链接不会出现在堆栈上方。尝试更改 z-value 的值并重试