0

我在看 jQuery LiteAccordion V2。我使用所有默认设置，因为它们可以从以下位置下载：https ://github.com/nikki/liteAccordion ，以及图像。我正在学习这个插件。

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

在此处输入图像描述

我正在使用火狐。因此，使用元素检查器，您可以看到图像向底部和右侧移动了一点点。我不会更改所有设置。他们还是一样的。我已按照网站上提供的指南进行操作。

我确实尝试查看 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/

4

1 回答 1

0

您还没有补偿 <figure> 的默认边距。最简单的做法是删除 <figure> 元素。

于 2013-06-14T09:46:36.167 回答