Javascript js滑块试图制作当前幻灯片时出现问题'；div显示在顶部

对于js滑块，我们使用span“slider\u link”将整个包含div的部分变成可点击的链接。问题是第一个div似乎保持不变，因此即使幻灯片发生变化，链接也不会改变。我们希望每张幻灯片的链接与该幻灯片一起出现

HTML摘录：

<div class="slider1">
<div class="slider-text slider-text1">
<a href="http://www.abacusnyc.com/about-us/overview"><span class="slider_link"></span></a>
<h1><span>Differentiate.</span> Shouldn't your recruitment firm stand out as much as you do.</h1>
<p>Human Resourcefulness is finding the right people, right now.</p>

</div>
</div>

---

将相对定位放入包装器div

有几件事。。。当我签出演示时，找不到您的empty.gif。为什么使用浮动：左定位和绝对定位？我还建议你在你的滑动元素周围放一个带溢出的包装：隐藏，因为现在，我可以看到下一张幻灯片，而不是我应该看到的：事实上，在没有看到你的css或代码的其余部分的情况下，我想尝试一下，你的绝对定位导致你的链接保持不变，尤其是当其父容器没有position:relative集时，这意味着滑块链接相对于文档而不是其父容器保持绝对位置。感谢您的评论。如果有帮助的话，你可以在我包含的演示链接中看到整个代码。同时我要消除浮动。在你的滑块上也画一个环绕，设置为内容宽度和溢出：隐藏，这样其余的幻灯片就不可见了。为该包装器提供相对定位，以便滑块链接的绝对定位按如下方式工作expected@HighParkCoder在已经存在的包装器中放置相对定位解决了该问题。这基本上是你在评论中的建议，我不知道你是否想提供一个正式的答案，这样我可以给你信用。

.slider_link { 
    float:left;
     position:absolute;
     width:100%;
     height:100%;
     top:0;
     left: 0;

  /* edit: added z-index */
      z-index:inherit;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
     background-image: url('../images/empty.gif');
}