jQuery Lite Accordion Image定位

我在看jQuery LiteAccordion V2。我使用默認設置，因爲它們可以從https://github.com/nikki/liteAccordion以及圖像下載。我很喜歡這個插件。jQuery Lite Accordion Image定位

但是，我遇到了一個問題，圖像沒有坐在正確的位置。請看看下面的屏幕截圖：

enter image description here

我使用Firefox瀏覽器。因此，使用元素檢查器，您可以看到圖像稍微偏向底部和右側。我不會更改所有設置。他們仍然是一樣的。我遵循了網站上提供的指南。

我沒有嘗試看看css文件，我找不到控制圖像位置的文件。

請，任何想法會對我很有幫助。

非常感謝您提前尋求幫助。

編輯 - 代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Lite Accordion Test Lab</title> 

     <link href="css/liteaccordion.css" rel="stylesheet" type="text/css" /> 

     <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> 
     <script src="js/liteaccordion.jquery.js" type="text/javascript"></script> 
     <script src="js/my_jquery.js" type="text/javascript"></script> 

    </head> 

    <body> 

     <div id="lite_accordion"> 
      <ol> 
       <li> 
        <h2><span>Slide One</span></h2> 
        <div> 
         <figure> 
          <img src="images/1.jpg" /> 
          <figcaption>Slide 1</figcaption> 
         </figure> 
        </div> 
       </li> 
       <li> 
        <h2><span>Slide Two</span></h2> 
        <div> 
         <figure> 
          <img src="images/2.jpg" /> 
          <figcaption>Slide 2</figcaption> 
         </figure> 
        </div> 
       </li> 
      </ol> 
      <noscript> 
       <p>Please enable JavaScript to get the full experience.</p> 
      </noscript> 
     </div> 
    </body> 
</html>

的CSS可以在這裏找到：https://github.com/nikki/liteAccordion/blob/master/css/liteaccordion.css

我不改變的CSS代碼，它仍然是相同的，因爲它是。 http://jsfiddle.net/aJhYk/1/

來源

2012-03-07 Arief

需要看一些代碼，你可以複製它在jsfiddle.net？ – Tjkoopa 2012-03-07 14:52:43

@Tjkoopa，對於延遲迴復您的評論感到抱歉。我已經把html代碼作爲你的請求。所有代碼仍與LiteAccordion網頁提供的相同：https：//github.com/nikki/liteAccordion。 CSS仍然完全一樣。我的html代碼也與基本實現相同。 – Arief 2012-03-09 12:28:20

@Tjkoopa，你可以在jsfiddle.net看到它：http://jsfiddle.net/aJhYk/1/ – Arief 2012-03-09 22:19:04

您沒有爲<數字補償>的默認保證金：

您可以檢查樣品。最簡單的事情是去除< figure>元素。

來源

2013-06-14 09:46:36 nikki

jQuery Lite Accordion Image定位

回答

相關問題