iframe div z index 2 to overlay body div z index 1

时间:2014-03-16 22:17:08

标签: html css iframe overlay z-index

你好这是我的问题,我不知道是否有可能实现。

这是一个示意图:

---------------
<body>
Div (form) on body with z index of 2 so its usable with the iframe loaded.
iframe (fullscreen) with z index of 1 in order to the form overlay it. 

div inside the iframe with z index of 3 that that pops when a button is
presses in order to hide everything below  and display something.
-------------

是否可以从iframe创建div以覆盖父级的div?

这是index.php的css

#iframe {
  position: absolute;
  z-index: 4
}

form {
  position: absolute;
  z-index: 5;
}

这是index2.php的css,它位于iframe内部:

#div{
  background: url('/images/image.png') no-repeat ;
  position: absolute;
  z-index: 7;
}

所以我想知道的是,是否可以使用index.php中的表单将index2.php叠加为div

0 个答案:

没有答案