Javascript 使用jquery滑块的css边距问题

我有一个问题的背景图像，我已经嵌入到我的旋转木马。我注意到，当我从一张幻灯片点击到另一张幻灯片时，我网站上的背景图像会移动不到位。我的转盘的页边距顶部当前设置为

页边距顶部：-275px和背景图像设置为
页边距顶部：-64px我有点担心这些设置

有人能解决这个问题吗

要激活幻灯片，请单击导航栏下的红色薄选项卡，我想这是因为您

.rslides li {
  top:0;
}

它不使用
position:relative
（当前幻灯片上有它），但使用
position:absolute
（隐藏幻灯片）在幻灯片上向下移动

当你点击一个标签时，会有一个新标签淡入的时刻，但它还没有
位置：relative
。然后，在那一刻，新幻灯片不是你想要的

因此，请删除该行。
发生跳转是因为您正在将
LI
项从
位置：绝对至<代码>位置：相对。这可以通过删除CSS规则来避免：

.rslides li{左：0；上：0；}

指定
width
和
height
很好，但只要指定
left
和
top
，然后从相对位置切换到绝对位置，就可以看到跳跃

至于每个面板的位置——它与您布置箱子的方式有关。您指定的大小对于所提供的内容来说不够大。例如：
是
37px
高，这是社交媒体按钮的合适尺寸，但您也可以将其作为
#导航菜单的容器，这是另一个
102px
高

看来，为了纠正这一点，并使事情重叠，你正在使用负的保证金-这是让你所有人都抛出

我的建议是使用标准化布局系统，如以下任何一种：







并使用它来执行布局任务，而不是尝试使用混合绝对/相对定位自行构建重叠层

或者，如果您要走重叠层路线（同样，不建议这样做），请真正投入其中。在整个布局中绝对定位事物

为了实现这一点，您可以考虑CSS规则，如：
#header {
    display: block;
    position: absolute;

    left: 50%; top: 0px;
    height: 139px; /* Your Social media links height + nav buttons height */
    width: 1018px; /* Your current width */
    margin-left: -509px; /* Half the width - centers on page */
}

再一次-这是更多的工作，更难维护，更不优雅-但至少会产生一致的间距/大小。
@Oriol单击导航栏下的红色薄选项卡，我实际上在使用html 5样板是-我看到了。。。你知道HTML5样板文件不包含网格系统，对吗？然而，基金会完全包含HTML5BoielP板，并且有一个非常优雅的网格系统。因此我的建议。