javascript - 为什么为 FlashGallery 添加此 javascript 会导致我的背景图像向上移动？

Question

我已经在我的网站上添加了一个 Flash 画廊，但所需的脚本导致背景图片移动。

您可以在此处查看页面:http://www.arbitersoflight.net/media/screens.html

有问题的脚本是“swfobject.js”。我通过添加/删除

来确定这一点

<script type="text/javascript" src="/scripts/flashgallery/swfobject.js"></script>

到我的站点的行(这是运行画廊所必需的)。显然，由于我网站的布局，我无法移动背景...所以这很烦人。不幸的是，我对编码几乎一无所知，所以我缺乏自己发现问题的技能。如果你们能在这里给我任何帮助，我将不胜感激。

Answer 1

我不确定为什么会发生这种情况，但如果您将以下 CSS 添加到以下标记中，它将修复它:

#header { position:relative; top:15px; }
.scroll-pane { position:relative; top:-15px; }

编辑:

可能发生这种情况的另一个原因是此脚本标记中的空白:

<script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
</script>

解决此问题的一种可能方法是将该代码保存到文件中并将其包含为:

<script type="text/javascript" src="/scripts/jscrollpane/jquery.jscrollpane.init.js"></script>