Javascript 用iframe或lightbox在我的页面顶部堆叠另一页_Javascript_Jquery_Html_Css_Iframe

Javascript 用iframe或lightbox在我的页面顶部堆叠另一页

javascript jquery html css iframe

Javascript 用iframe或lightbox在我的页面顶部堆叠另一页,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我在页面上方加载另一个页面时遇到问题。我确实尝试过iframe方法，它有点有效。Iframe将全屏显示，但当我滚动到页面底部时，页面上的内容也将显示Iframe下方的内容。。。有没有办法把iframe放在这个内容的顶部，或者有更好的方法，比如lightbox之类的。我是一个新的编码游戏，很难在整个页面上显示iframe 这是我为此创建的模板中使用的代码 <?php /** Template Name: Content Only */ ?> <html> <head&

我在页面上方加载另一个页面时遇到问题。我确实尝试过iframe方法，它有点有效。Iframe将全屏显示，但当我滚动到页面底部时，页面上的内容也将显示Iframe下方的内容。。。有没有办法把iframe放在这个内容的顶部，或者有更好的方法，比如lightbox之类的。我是一个新的编码游戏，很难在整个页面上显示iframe

这是我为此创建的模板中使用的代码

<?php
/**
Template Name: Content Only
*/
?>
<html>
<head>
   <title><?php wp_title( '|', true, 'right' ); bloginfo('url'); ?></title>
   <style>
       html,body,div,iframe {height:100%;}
       p {position:relative;overflow:hidden;}
       iframe {border:none;width:100%;}
       body {margin:0;padding:0;}
   </style>
</head>

<body>
  <?php while (have_posts()) : the_post(); ?>
  <?php the_content(); endwhile; ?> 
</body>
</html>


html，body，div，iframe{height:100%；}
p{位置：相对；溢出：隐藏；}
iframe{边框：无；宽度：100%；}
正文{margin:0；padding:0；}

然后我在我想显示iframe的页面的文本编辑器中插入iframe，除了iframe之外还有iframe下面的内容（和双滚动条）

我希望有一个代码可以将其他站点置于我的站点之上（前面）。

这必须是一个注释：
您到底想实现什么？
通过您对lightbox的引用…我猜您正在尝试创建一个模式。
试试这些：

谢谢你的回答，但我通过调整代码成功地完成了必须完成的任务。一切都正常运转。这就是我所改变的：

html,body,div,iframe {height:100%;overflow:hidden;}
p {overflow:hidden;}
iframe {z-index:1000;border:none;width:100%;}