Php 非交互式iframe或类似解决方案_Php_Html_Iframe_Printscreen_Non Interactive

Php 非交互式iframe或类似解决方案

php html iframe

Php 非交互式iframe或类似解决方案,php,html,iframe,printscreen,non-interactive,Php,Html,Iframe,Printscreen,Non Interactive,我做网站。我的客户登录后，他们看到他们的网站设计的5个想法-不同的布局，颜色等现在我只向他们展示了5个打印屏幕，由我完成并上传。每个img链接到不同的在建网站我想要的是消除每次更改内容时手动更改打印屏幕的需要我尝试了iFrame解决方案，但它们是交互式的你知道什么是最好的方法吗编辑：我有解决方案，但只针对Chrome <a target="_parent" href="http://url.com"> <div> <iframe id="iframe"

我做网站。我的客户登录后，他们看到他们的网站设计的5个想法-不同的布局，颜色等

现在我只向他们展示了5个打印屏幕，由我完成并上传。每个img链接到不同的在建网站

我想要的是消除每次更改内容时手动更改打印屏幕的需要

我尝试了iFrame解决方案，但它们是交互式的

你知道什么是最好的方法吗

编辑：

我有解决方案，但只针对Chrome

<a target="_parent" href="http://url.com">
<div>
<iframe id="iframe" src="http://url.com" width="300px" height="300"></iframe>
</div>
</a>

Chrome=大小是完美的，当你点击iframe浏览器内部的链接时，会打开我的href（太多逻辑…），当你点击iframe内部但不点击链接时，一切都不会发生

FF=比Chrome上的缩略图小4倍

IE=4倍大的缩略图

您可以插入一个覆盖整个页面的div容器，这样您的用户只能在div上单击任何内容

<div style="position:fixed;width:100%;height:100%;"></div>

完整代码可能如下所示：

<html>
    <body>
        <div style="position:fixed;width:100%;height:100%;"></div>
        <iframe src="http://www.http://stackoverflow.com" width="100%" height="300" ></iframe>
   </body>
</html>

编辑：您可以尝试这样做：

    <div id="myiframes">
        <div style="position: relative; width: 300px; height: 300px; display: inline-block;"></div>
        <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe>
        <div style="position: relative; width: 300px; height: 300px;display:inline-block;"></div>
        <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe>
</div>

通过增加-300px的裕度，基本上将每个iframe移动到div之外；到每个iframe。更改到您的需要

一次列出网站上的所有5张图片？是的，但这不是必需的。问题是我希望页面的其余部分是交互式的。我试着用div只覆盖iframe，但运气不好。不起作用。出于某种原因，iframe更重要。Div onclick=一些JS也不起作用。

    <div id="myiframes">
        <div style="position: relative; width: 300px; height: 300px; display: inline-block;"></div>
        <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe>
        <div style="position: relative; width: 300px; height: 300px;display:inline-block;"></div>
        <iframe src="http://www.w3schools.com" width="300px" height="300" style="margin-left:-300px;"></iframe>
</div>