Question

我正在研究jQuery LiteAccordion V2。我将所有内容都设置为默认设置，因为它们可以从https://github.com/nikki/liteAccordion下载，以及图像。我正在学习这个插件。

但是，我遇到了图像没有坐在正确位置的问题。请看下面的屏幕截图：

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/

查看样本

Answer 1

您尚未补偿＆lt; figure＆gt;的默认保证金。最简单的方法是删除＆lt; figure＆gt;元件。

jQuery Lite手风琴图像定位

1 个答案: