wake-up-neo.com

Hintergrundfarbe des Iframe-Problems ändern

Ich muss die Hintergrundfarbe der angezeigten Seite in Weiß ändern, wenn <iframe></iframe>. Ist das möglich? Der Hintergrund der ursprünglichen Website ist jetzt grau. 

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

Ich möchte den Hintergrund der geladenen Seite ändern

6
Paul T.

Ich Rahmenhintergrund kann geändert werden. Wie unten

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

und wenn Sie den Hintergrund der Seite ändern möchten, die Sie in iframe geladen haben, denke ich, dass dies nicht möglich ist.

22
Kingk

JavaScript ist das, was Sie brauchen. Wenn Sie beim Laden der Seite iframe laden, fügen Sie den Test für iframe mithilfe des onload-Ereignisses ein. Wenn iframe in Echtzeit eingefügt wird, erstellen Sie beim Einfügen eine Callback-Funktion, und haken Sie die gewünschte Aktion ein :)

3
Angela

als ich nur auf dem aufbaute, was Chetabahana schrieb, stellte ich fest, dass das Hinzufügen einer kurzen Verzögerung zur JS-Funktion auf einer Site, an der ich arbeitete, hilfreich war. Dies bedeutete, dass die Funktion aktiviert wurde, nachdem der Iframe geladen wurde. Sie können mit der Verzögerung herumspielen.

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);

Ich hoffe das hilft!

1
J Cox

Sie können es mit Javascript tun

  • Ändern Sie die Hintergrundfarbe von iframe
  • Hintergrundfarbe der geladenen Seite ändern (gleiche Domäne)

Einfaches 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');
0
Chetabahana