鏈接在圖像中的jCarousel幻燈片

Question

我使用的jCarousel顯示幻燈片放映like但我想一個鏈接到了一個單一的形象，而不是對所有 我試圖像

<div id="contSlider_search" style="float:left;height:300px;width:600px;height:400px;border:1px solid #2B7FD5;"> 
        <img src="images/arPrev.png" class="previous" /> 
        <img src="images/arNext.png" class="next" /> 
         <ul> 
          <li style="width:600px;height:400px;"> 
           <img src="images/images/Search.jpg" height="380" width="580"alt="" class="lft_2" />     

          </li> 
          <li style="width:600px;height:400px"> 
          <img src="images/images/AdvancedSearch.jpg" height="380" width="580"alt="" class="lft_2" /> 
          <a href="#" style="position: absolute; right: 15px; bottom: 100; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66;">sample</a> 
          </li>         
         </ul> 
</div> 

但noluck顯示，是有可能的？

Answer 1

你需要兩樣東西：

1. position: relative;上li
2. bottom: 100px;而不是底部：100;在鏈接本身。

絕對定位元件將總是定位相對於其最接近的position: relative母體，因此它被定位相對於所述包裝。

你的示例代碼與修復：

<div id="contSlider_search" style="float:left;height:300px;width:600px;height:400px;border:1px solid #2B7FD5;"> 
    <img src="images/arPrev.png" class="previous" /> 
    <img src="images/arNext.png" class="next" /> 
     <ul> 
      <li style="width:600px;height:400px; position: relative;"> 
       <img src="images/images/Search.jpg" height="380" width="580"alt="" class="lft_2" />     

      </li> 
      <li style="width:600px;height:400px; position: relative; border: 2px solid red;"> 
      <img src="images/images/AdvancedSearch.jpg" height="380" width="580"alt="" class="lft_2" /> 
      <a href="#" style="position: absolute; right: 15px; bottom: 100px; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66;">sample link</a> 
      </li>         
     </ul> 
</div>