iframe不能在博客博客中工作

二手CSS是：

#iframe { 
    height: 100%; 
    width: 100%; 
    display: block; 
    border:0; 
    margin:0; 
    padding:0; 
}

和Javascript是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script> 
    var height = window.innerHeight; 

    $(document).ready(function(){ 
     $('iframe').css('height', height); 
    }); 
</script>

和HTML是：上述

<iframe id="iframe" src="http://mybloggertricks.com"></iframe>

我在Dreamviewer用相同的測試，這個屬性它的工作在IE也罰款。但只有在博主中，它不適用於只有IE瀏覽器。請幫助我這個問題的任何人請幫助。

看到博客在這裏： http://new-temp.blogspot.com/2012/12/my-blogger-tricks.html

來源

2012-12-25 mounika

'$（ 'IFRAME'）的CSS（ '高度'，身高） '分號'$（'iframe'）。css（'height'，height）;' – krish

iframe來監視他的負荷，這樣的代碼：

var height = window.innerHeight, iframe = $('iframe'); 
iframe.load(function(){ 
    setTimeout(function(){ 
     iframe.css('height', height); 
    }, 100); 
});

來源

2012-12-25 02:49:05 jikey

不可以這個代碼也不能用 – mounika

我試過了，可以了。你可以把代碼添加到domread – jikey

它在IE瀏覽器中顯示全高 – mounika

這裏是增加博客的iframe博主的工具：http://www.makingdifferent.com/online-iframe-generator-tool-for-blogwebsite/

如果沒有幫助。您可以使用下面的代碼作爲指導。只需將整個代碼複製並粘貼到博客頁面或帖子中即可查看iframe如何以100％的高度展開測試。

如果你不想寬度擴大100％，只是改變了所有寬度部分，以匹配所需的寬度。

<style> 
#inside-iframe { 
height:100%; 
width:100%; 
position: fixed; 
scroll: no; 
top:0px; 
left:0px; 
padding:0px; 
z-index:9999; 
} 

body { 
width:100%; 
height:100%; 
} 
html { 
width:100%; 
height:100%; 
} 
</style> 

<div id="inside-iframe"> 
<object width="100%" height="100%"><embed src="http://mybloggertricks.com" width="100%" height="100%"></embed></object> 
</div>

來源

2013-07-05 14:54:51 Nik

iframe不能在博客博客中工作

回答

相關問題