Css 如何将单个div移出屏幕

Css 如何将单个div移出屏幕,css,html,move,off-screen,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,如下所示:

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;
}
我需要做的是将“back”div设置在屏幕外一段时间,然后将其向后移动。我尝试使用一系列不同的jquery方法移动它,但出于某种原因,它们移动div的所有,而不是具有指定id的div

那么,如何在不影响顶部的情况下,将底部移动到屏幕外呢?它根本不需要设置动画;我只需要把它放在一边直到需要的时候。(而且“隐藏”不会起作用,因为它会弄乱我的闪光灯,所以如果你不介意的话,请从你的建议中删除它。:)


谢谢。

是否将
$(“div.back”).hide()执行此操作?

如果禁用了fx,则hide将显示样式设置为“无”,否则将设置不透明度动画 你可以试试:

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

    • 我最终解决了它;我没有尝试移动最上面的div,而是更改了代码,以更改最低div而不是最高div的margin top属性;这样就可以在屏幕上留下最高级别的一个。我仍然不知道为什么试图更改最顶端div的页边距顶部会影响所有其他div,但似乎会影响其他div。

      这就是为什么我说忽略包含“隐藏”的建议——它会弄乱闪存,因此无法工作。我需要移动它。对不起。。。我想您可以使用visibility-css属性(类似于display:none但保留布局)或使用position:absolute;左:-2000px如果没有jquery,我将如何设置位置?为什么我需要改变高度?