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值的值并重试

使用图像作为链接

1 个答案: