Question

我在页面上方加载另一页时遇到问题。我确实尝试了iframe方法，它有点工作。 iframe将全屏显示，但当我滚动到页面底部时，我的页面上的内容也会显示iframe ...是否有任何方法可以将iframe放在此内容之上或者有更好的方法也许灯箱或类似的东西。我是编码游戏的新手，并且很难用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>

然后我在页面上的文本编辑器中插入iframe我想显示iframe并且有iframe但内容也跟iframe（和双滚动条）。

我想要一个代码，将其他网站放在我的网站上方（在我的网站前面）。

Answer 1

This must be a comment:
What exactly are trying to achieve?
By your reference to lightbox...I'am guessing you are trying to create a modal.
Try these:
http://getbootstrap.com/javascript/#modals http://www.w3schools.com/bootstrap/bootstrap_modal.asp

Answer 2

感谢您的回答，但我设法通过调整代码来完成必须完成的工作。一切都像它应该的那样工作。这就是我改变了：

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

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

2 个答案: