web-dev-qa-db-fra.com

Changer la couleur de fond du problème d'iframe

Je dois changer la couleur de fond en blanc de la page affichée si <iframe></iframe>. Est-ce possible? Maintenant, l’arrière-plan du site Web original est gris. 

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

Je veux changer le fond de la page chargée

htmlhtml5iframebackground-color
6
Paul T.

Je cadre fond peut être changé. comme ci-dessous

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

et si vous voulez changer l’arrière-plan de la page ce que vous avez chargé dans iframe, je pense que ce n’est pas possible.

22
Kingk

JavaScript est ce dont vous avez besoin. Si vous chargez iframe lors du chargement de la page, insérez le test pour iframe à l'aide de l'événement onload. Si iframe est inséré en temps réel, créez une fonction de rappel lors de l'insertion et décrochez l'action que vous devez exécuter :)

3
Angela

Vous pouvez le faire en utilisant javascript

  • Changer la couleur de fond d'iframe
  • Changer la couleur de fond de la page chargée (même domaine)

Javascript simple

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