javascript - 現在のスライドの div を一番上に表示しようとする js スライダーの問題

Question

js スライダーの場合、スパン "slider_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>

CSS の抜粋:

.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');
}  

Answer 1

ラッパー div に相対位置を配置します。