2010-06-21 57 views
0

阿羅哈,鉻的iFrame顯示白盒

目前我的Pligg模板具有以下的iframe代碼:

<iframe height="0px;" width="0px;" frameborder="0" name="story_status"></iframe> 

它在Firefox工作正常,但是在Chrome,它顯示爲白盒..

檢查後,

<iframe height="0px;" width="0px;" frameborder="0" name="story_status"> 
<html><head></head><body></body></html> 
</iframe> 

身體有餘量:8px;

編輯:[查看該對鉻&火狐,U可以看到在鉻白框]

<html> 
<head><style>html, body { 
    margin: 0; 
} 
</style> 
</head> 
<body style="background : #000; color: #fff;"> 
aaaaa<iframe height="0px;" width="0px;" frameborder="0" name="story_status"></iframe>bbbbb 
aaaaaaaaa 
</body> 
</html> 

反正是有去除餘量8像素,因爲它在Chrome顯示爲白色的盒子?

謝謝大家幫忙

回答

0

添加下面的CSS規則

html, body { 
    margin: 0; 
} 

或者,嘗試添加下面的CSS規則父頁面(其中包含):

iframe { 
    margin: 0; 
    padding: 0; 
} 
+0

它的存在,不能正常工作。任何其他建議? – BulletPandi 2010-06-21 14:45:26

+0

請給我們演示一下。 – SLaks 2010-06-21 15:02:37

+0

嗨,我編輯了我的文章,粘貼在一個HTML文件和查看鉻。 – BulletPandi 2010-06-21 15:19:54

2

我有類似的問題。我只是把<IFRAME>到<DIV>如下:

<div style="visibility:hidden;"> 
    <iframe ...></iframe> 
</div> 
+0

這適用於我,但不是'知名度:隱藏',我爲

放置了'overflow:hidden'。 – catandmouse 2011-05-10 07:05:12

1

嘗試在您iframe設置display: block,它會服從高度和寬度的規則即可。

0

添加以下CSS

​​