wake-up-neo.com

IFrame transparenten Hintergrund

Meine App enthält einen modalen Dialog mit einem Iframe. Ich habe meinen jQuery-Code so geschrieben, dass beim Öffnen des Dialogfelds das entsprechende 'src'-Attribut des Iframes festgelegt wird, damit der Inhalt geladen wird. Während der Verzögerung zwischen dem Öffnen des Dialogfelds und dem Laden des Inhalts wird der Iframe jedoch auffällig als weißes Kästchen angezeigt. Ich würde es vorziehen, wenn der Iframe einen transparenten Hintergrund hat.

Ich habe versucht, allowtransparency = "yes" auf dem iframe zu setzen. Irgendwelche Ideen? Vielen Dank!

39
brianjcohen

Ich habe dies verwendet, um einen IFrame mit Javascript zu erstellen, und es hat bei mir funktioniert:

// IFrame points to the IFrame element, obviously
IFrame.src = 'about: blank';
IFrame.style.backgroundColor = "transparent";
IFrame.frameBorder = "0";
IFrame.allowTransparency="true";

Ich bin mir nicht sicher, ob es einen Unterschied macht, aber ich habe diese Eigenschaften festgelegt, bevor ich den IFrame zum DOM hinzufüge. Nachdem ich es dem DOM hinzugefügt habe, setze ich seine src auf die reale URL.

49
Daniel Magliola
<style type="text/css">
body {background:none transparent;
}
</style>

das könnte funktionieren (wenn du das iframe hinzufügst) zusammen mit

<iframe src="stuff.htm" allowtransparency="true">
34
jackson5

Stellen Sie die Hintergrundfarbe des src auf none und lassen Sie Transparenz zu.

[WITHIN SCR PAGE STYLE]
<style type="text/css">
    body
    {
        background:none transparent;
    }
</style>

[IFRAME]
<iframe src="#" allowtransparency="true">Error, iFrame failed to load.</iframe>

HINWEIS: Ich codiere mein CSS ein wenig anders als alle anderen.

2
Tropilac

Warum nicht einfach den Frame vom Bildschirm laden oder verstecken und ihn dann anzeigen, wenn er fertig geladen ist? Sie können an seiner Stelle ein Ladesymbol anzeigen, um dem Benutzer sofort eine Rückmeldung über das Laden zu geben.

1
Jacob Wyke