更改iframe问题的背景颜色

Question

如果<iframe></iframe>，我需要将显示页面的背景颜色更改为白色。那可能吗？现在原始网站的背景是灰色的。

 <iframe allowtransparency="true" style="background-color: Snow;" src="http://zingaya.com/widget/9d043c064dc241068881f045f9d8c151" frameborder="0" height="184" width="100%">
    </iframe>

我想更改加载页面的背景

Answer 1

我的框架背景可以改变。如下

<iframe allowtransparency="true" style="background: #FFFFFF;" src="http://zingaya.com/widget/9d043c064dc241068881f045f9d8c151" frameborder="0" height="184" width="100%">
    </iframe>

如果你想改变你在iframe中加载的页面背景，那么我认为这是不可能的。

Answer 2

JavaScript就是您所需要的。如果您在加载页面时加载iframe，请使用onload事件插入iframe的测试。如果iframe是实时插入的，那么在插入时创建一个回调函数并挂钩你需要采取的任何动作:)

Answer 3

仅仅基于Chetabahana所写的内容，我发现在JS函数中添加一个短暂的延迟有助于我正在开发的网站。这意味着在iframe加载后该函数启动。你可以玩延迟。

var delayInMilliseconds = 500; // half a second

setTimeout(function() { 

   var iframe = document.getElementsByTagName('iframe')[0];
   iframe.style.background = 'white';
   iframe.contentWindow.document.body.style.backgroundColor = 'white';

}, delayInMilliseconds);

我希望这有帮助！

Answer 4

你可以用javascript做到这一点

• 更改iframe背景颜色
• 更改加载页面的背景颜色（相同域）

简单的javascript

var iframe = document.getElementsByTagName('iframe')[0];
iframe.style.background = 'white';
iframe.contentWindow.document.body.style.backgroundColor = 'white';

jQuery的

$('iframe').css('background', 'white');
$('iframe').contents().find('body').css('backgroundColor', 'white');

Answer 5

将Iframe放在旁边标签之间

<aside style="background-color:#FFF"> 
your IFRAME 
</aside>