Question

对于js滑块，我们使用span“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中！

尝试使当前幻灯片的div显示在js滑块上

1 个答案: