调用DIV时,将DIV加载到另一个上面

时间:2012-07-27 08:07:43

标签: javascript html overlay

好吧,我有三个面板的幻灯片:

DIV 1,DIV 2,DIV 3。

  • DIV 1有id = slide-one
  • DIV 2有id = slide-two
  • DIV 3有id = slide-three
  

有导航按钮:Id1,Id2,Id3。

我想知道的功能是,如果可能当Id1调用DIV1并且DIV1滑入时,是否可以在DIV1上加载DIV-new? 就像在调用DIV1时一样,它会在它上面加载一个DIV-new DIV 2& DIV 3.
请参阅this html以获取上述示例。

1 个答案:

答案 0 :(得分:1)

当然,只需使用position:absolutez-index

即,

element.style.position = 'absolute';
element.style.zIndex = 10;

...并确保底部<div>的z-index较低。此外,如果绝对<div>的父级具有position:relative样式,则生活会更容易。