我的iframe是空白

时间:2016-02-27 19:47:03

标签: html css iframe tumblr

我一直试图在我的tumblr上使用iframe作为英雄标题,但它显得空白......

以下是我在tumblr主题html编辑器中注入的代码行:

<iframe frameborder="0" src="http://drowningdoodles.olympe.in/index.html" height="100%" width="100%"></iframe>

索引本身运行正常但不在我的iframe中,iframe可能无法显示脚本吗? (就像我的索引上的那个)或者我的链接被破坏了(我已经检查过,现在看到了muslin&#39;)

以下是我的索引代码:

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
<title>DD - frontpage</title>
<style>
    html {
        height:100%;
    }
    body {
        margin:0;
        height:100%;
    }
</style>
<!-- copy these lines to your document head: -->

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, width=320" />

<style>

body {
height: 100%;
background: linear-gradient(#03c3eb 50%, #0096ba 50%);
}

.social-button {
transition: all 0.1s ease-out 0s;
}

</style>


<!-- end copy -->
</head>
<body>
<!-- copy these lines to your document: -->

<div id="ddfrontpage_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;" aria-live="polite">
    <script type="text/javascript" charset="utf-8" src="http://drowningdoodles.olympe.in/DD%20-%20frontpage.hyperesources/ddfrontpage_hype_generated_script.js?28842"></script>
</div>

<!-- end copy -->



<!-- text content for search engines: -->

<div style="display:none">

    <div></div>

</div>

<!-- end text content: -->

0 个答案:

没有答案