Iframe przezroczyste tło

Question

Moja aplikacja ma modalne okno dialogowe z elementem iframe w środku. Napisałem mój kod jQuery tak, że gdy okno dialogowe zostanie otwarte, ustawia odpowiedni atrybut "src" elementu iframe, aby zawartość ładowała się. Jednak podczas opóźnienia między otwarciem okna dialogowego i ładowaniem treści element iframe jest widoczny jako białe pole. Wolałbym, żeby element iframe miał przezroczyste tło.

Próbowałem ustawić allowtransparency = "yes" na iframe. Jakieś pomysły? Dzięki!

Answer 1

Po prostu załaduj ramkę z ekranu lub ukryj, a następnie wyświetl ją po zakończeniu ładowania. Na początku możesz wyświetlić ikonę ładowania, aby dać użytkownikowi natychmiastową informację zwrotną, którą ładuje.

Answer 2

Użyłem tego stworzenia IFrame poprzez javascript i pracował dla mnie:

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

Nie wiem, czy to ma żadnej różnicy, ale ustawić te właściwości przed dodaniem iframe do DOM. Po dodaniu go do DOM, ustawiam go na prawdziwy URL.

Answer 3

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

które mogą pracować (jeśli umieścić w iframe) wraz z

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

Answer 4

Ustaw kolor tła src sobie równych i pozwalają transparencey.

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

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

UWAGA: Kodowanie mojego kodu CSS różni się nieco od tego, jak wszyscy inni.