2 I帧在1页

所以，是的，我已经做了一些研究关于在这里，没有找到一个好的解决办法。我试图把2个I帧中1的jsfiddle这里： https://jsfiddle.net/g1v99z62/2 I帧在1页

<!doctype html> 
<html> 
    <head> 

     <title>XD | ICT | Monitoring</title> 

     <style> 
      body { 
       background-color: #343535; 
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
       color: #ffffff; 
       font-size: 14px; 
      } 
      h2 { 
       font-weight: bold; 
      } 
      #servid { 
       background-color: #F5F5F7; 
       padding: 5px; 
       color: #343535; 
       display: inline-block; 
       margin-bottom: 1px; 
      } 
      iframe { 
       margin-top: 0px; 
       width: 100%; 
       height: 500px; 
      } 
      #iframecpu { 
       margin:0; 
       padding:0; 
       width:100%; 
       height:100%; 
      } 
      #iframeram { 
       margin:0; 
       padding:0; 
       width:100%; 
       height:100%; 
      } 
     </style> 

    </head> 

    <body> 
     <div id="servid"> 
       WELCOME 
     </div> 


     <br /> 

     <div id="iframecpu"> 
      <iframe src="http://www.google.com"></iframe> 
     </div> 

     <br /> 

     <div id="iframeram"> 
      <iframe src="http://www.yahoo.com"></iframe> 
     </div> 

    </body> 

</html>

我检查了两遍。但它没有显示内容.. 这是为什么？

我还在做什么错？（除了首先使用iframes，但这只是一个页面，所以我可以监控多个发布在不同URL上的图表，所以请不要因为使用iframe而使用我的图片）。

来源

2017-09-25 ashiekg

这一个工作：

<!doctype html> 
 
<html> 
 
    <head> 
 

 
     <title>XD | ICT | Monitoring</title> 
 

 
     <style> 
 
      body { 
 
       background-color: #343535; 
 
       font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
 
       color: #ffffff; 
 
       font-size: 14px; 
 
      } 
 
      h2 { 
 
       font-weight: bold; 
 
      } 
 
      #servid { 
 
       background-color: #F5F5F7; 
 
       padding: 5px; 
 
       color: #343535; 
 
       display: inline-block; 
 
       margin-bottom: 1px; 
 
      } 
 
      iframe { 
 
       margin-top: 0px; 
 
       width: 100%; 
 
       height: 500px; 
 
      } 
 
      #iframecpu { 
 
       margin:0; 
 
       padding:0; 
 
       width:100%; 
 
       height:100%; 
 
      } 
 
      #iframeram { 
 
       margin:0; 
 
       padding:0; 
 
       width:100%; 
 
       height:100%; 
 
      } 
 
     </style> 
 

 
    </head> 
 

 
    <body> 
 
     <div id="servid"> 
 
       WELCOME 
 
     </div> 
 

 

 
     <br /> 
 

 
     <div id="iframecpu"> 
 
      <iframe name="iframe1" src="https://jsfiddle.net/"> 
 
      <p>Your browser does not support iframes.</p> 
 
      </iframe> 
 
     </div> 
 

 
     <br /> 
 

 
     <div id="iframeram"> 
 
      <iframe name="iframe2" src="https://jsfiddle.net/"> 
 
      <p>Your browser does not support iframes.</p> 
 
      </iframe> 
 

 
     </div> 
 

 
    </body> 
 

 
</html>

只是可以肯定它不是这一个工程你的问题是你选择的网站的浏览器。（谷歌和雅虎）

来源

2017-09-25 11:19:03 F0XS

我只是做了。但它没有工作。而我使用的是最新的Firefox，Chrome和边缘.. – ashiekg

我只是编辑自己的帖子，并发现它为我工作的解决方案告诉我如果这对你没问题 – F0XS

我认为问题在于你选择执行iframe的网站。而你必须把链接应答器为焦点你的iframe。 – F0XS

回答

相关问题