Html 超链接没有响应

我的登录页面有一个幻灯片，其中包含文本和链接，可以将访问者引导到相应的页面

登录页链接：

第二个框中的黄色箭头应该是可单击的链接，但它没有响应

这是我的代码：

HTML

<div id="maximage">

<div>
   <img src="images/00_landing page/backgrounds/background_01.jpg" alt="" width="1400" height="1050" />
   <div class="in-slide-content">
   PLACES
   </div>
   <a class="in-slide-content2" href="places.html"><img src="images/arrow.png" height="20px"></a>
</div>

<div>
   <img src="images/00_landing page/backgrounds/background_02.jpg" alt="" width="1400" height="1050" />
   <div class="in-slide-content">
   PLACES
   </div>
   <a class="in-slide-content2" href="places.html"><img src="images/arrow.png" height="20px"></a>
</div>

ETC...

</div> <!--END MAXIMAGE DIV-->

我正在使用maximage插件，我不确定这是否可能是推断的原因

还有一个注意事项，在我的HTML中，当我删除某个div时，链接开始工作，只有在我的幻灯片崩溃时

范例

<div id="maximage">

<div> <----REMOVE THIS DIV
<img src="images/00_landing page/backgrounds/background_01.jpg" alt="" width="1400" height="1050" />
 <div class="in-slide-content">
PLACES
</div>
<a class="in-slide-content2" href="places.html"><img src="images/arrow.png" height="20px"></a>
</div> <-----AND REMOVE THIS DIV


 ETC...

</div> <!--END MAXIMAGE DIV-->

将其置于CSS中：

#nav {
z-index: 2;
}
body .mc-cycle {
z-index: 0;
}

如果没有帮助，那么：

#nav {
z-index: 2 !important;
}
body .mc-cycle {
z-index: 0 !important;
}

查看你网站上的代码（顺便说一句，它看起来与你在这里发布的代码不同），我认为当你的
幻灯片内容中的
和
幻灯片内容中的
div
s包含在你的
mc图像中，并将其背景设置为你的图像文件（而不是使用
img
标记）时，事情会变得复杂起来

这就是您当前的代码：

<div class="mc-image " ... background-image: url(http://karenrubkiewicz.com/martin/images/00_landing%20page/backgrounds/background_01.jpg);" data-href="">
    <div class="in-slide-content">PLACES</div>
    <a class="in-slide-content2" href="places.html"><img src="images/arrow.png" height="20px"></a>
</div>

当脚本在图像中循环时，一些代码（我还不知道在哪里）会将该图像的
z-index
重置为
z+1
，这样当前图像将堆叠在其余图像之上。我尝试将一些HTML元素的
z-index
设置为某个荒谬的高数字，但没有成功。无论如何，我仍然认为解决这个问题的最干净的方法是看我共享的小提琴。
我认为您的幻灯片和链接相互重叠，造成了一些混乱
body.mc cycle{z-index:-1；}
jquery.maximage.css
样式表中的
负责–它将整个元素放置在堆栈中的
.wrapper
元素后面。因为这似乎是插件附带的样式表，看看您是否实现了错误的东西；或者使用更高的特定性规则覆盖该
z-index
。可以尝试通过css
添加img。in-slide-content2{background image:url（“yourimagefile”）；}
<div class="mc-image " ... background-image: url(http://karenrubkiewicz.com/martin/images/00_landing%20page/backgrounds/background_01.jpg);" data-href="">
    <div class="in-slide-content">PLACES</div>
    <a class="in-slide-content2" href="places.html"><img src="images/arrow.png" height="20px"></a>
</div>

// line 295 - 303
// set position and zIndex on all the slides
$slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {
    var z;
    if (opts.backwards)
        z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i;
    else
        z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i;
    $(this).css('z-index', z)
});