使用iframe或lightbox叠加页面顶部的另一页

我在加载页面上方的另一页时遇到问题。我确实尝试了iframe方法，并且它有用。 iframe将显示在整个屏幕上，但我的网页上的内容也会显示下面的iframe当我滚动到页面的底部时...有没有什么办法可以将iframe放在这个内容的顶部，或者有更好的方法可能是灯箱或类似的东西。我是新来的编码游戏，并且很难用iframe来显示整个页面...使用iframe或lightbox叠加页面顶部的另一页

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

<?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（双滚动条）的内容。

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

来源

2016-03-02 zlayo3103

这必须是一个评论：
什么是试图实现？
通过参考灯箱...我猜你正在尝试创建一个模式。
尝试这些：
http://getbootstrap.com/javascript/#modals http://www.w3schools.com/bootstrap/bootstrap_modal.asp

来源

2016-03-02 11:01:56

谢谢你的答案，但我设法做什么都得通过调整代码来完成。一切工作都应该如此。这就是我改变了：

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

来源

2016-03-02 12:19:15 zlayo3103

使用iframe或lightbox叠加页面顶部的另一页

回答

相关问题