如何将单个 div 移出屏幕

Question

我有 2 个重叠的 div，如下所示：

div.back {
    background:url(brick.png);
    background-attachment:fixed;
    background-position:right top;
    background-repeat:no-repeat;
    height:765px;
    z-index:200;
}
div.flash {
    margin-top:-765px;
    z-index:201;
}

我需要做的是将“后”div 设置在屏幕外一段时间，然后将其移回。我尝试使用一堆不同的 jquery 方法来移动它，但由于某种原因，它们移动了所有 div，而不是具有指定 id 的 div。

那么如何才能将底部的一个移出屏幕而不影响顶部的一个呢？它根本不需要动画；我只需要把它放在一边直到需要的时候。 （“隐藏”不起作用，因为它会弄乱我的闪光灯，所以如果您不介意的话，请从您的建议中忽略它。:)

谢谢。

Answer 1

$("div.back").hide() 可以解决这个问题吗？

Answer 2

如果 fx 关闭，则 hide 将显示样式设置为无，否则它会以动画方式显示不透明度
你可以尝试：

• 自己禁用 fx
• 设置显示为无 自己
• 设置可见性为隐藏
• 设置不透明度为 0 使用 jquery
• 将位置设置为绝对，左侧设置为 -1000，顶部设置为 -1000，宽度和高度设置为 100 使用 jquery 或自己
• 设置将 div 移到其他地方，并使用 remove 和appendTo 使用 jquery 移动它（如果它只是一个图像）

Answer 3

我最终解决了它；我没有尝试移动最上面的 div，而是更改了代码以更改最低 div 而不是最高 div 的 margin-top 属性；这能够在屏幕上留下最高级别的一级。我仍然不知道为什么尝试更改最顶层 div 的 margin-top 会影响所有其他 div，但似乎确实如此。