如何移动单个div屏幕外

时间:2011-01-27 17:38:01

标签: css html move off-screen

我有两个重叠的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的那个。

那么如何在不影响顶部屏幕的情况下移动屏幕底部?它根本不需要动画;我只需要将它放在一边直到需要。 (并且“隐藏”不起作用,因为它弄乱了我的闪光灯,所以如果你不介意的话,请忽略你的建议。)

感谢。

3 个答案:

答案 0 :(得分:1)

$("div.back").hide()这样做吗?

答案 1 :(得分:0)

如果fx关闭,

hide会将显示样式设置为none,否则会为不透明度设置动画 你可以尝试:

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

答案 2 :(得分:0)

我最终解决了它;而不是试图移动最顶层的div我改变了代码来改变最低div而不是最高div的margin-top属性;能够在屏幕上留下最高级别的一个。我仍然不知道为什么试图改变最高div的保证金顶部会影响所有其他人,但似乎。但