Gernot Back: IFRAMES Background

Beitrag lesen

Hallo Jürgen,

Wollte fragen, ob man bei einem iframe einen Hintergrund (Bild oder Farbe) einrichten kann, der angezeigt wird, während die iframe-Datei geladen wird oder wenn keine iframes unterstützt werden

Gib einfach mal deinem Frame- oder Iframe-Element per CSS eine Hintergrundfarbe und/oder ein Hintergrundbild. Im Mozilla funktioniert das ohne jeden weiteren Zusatz. Für den IE musst du das proprietäre Attribut allowtransparency="true" hinzusetzen.

Wenn du in dem im (I)Frame eingebunden Dokument dann allerdings keinen eigenen Hintergrund definierst, scheint der im Mutterdokument angegebene Hintergrund für den (I)Frame auch durch, nachdem das Dokument darin geladen ist.

Wenn Frames nicht unterstützt werden, schreibt man einen alternativen Inhalt in den NOFRAMES-Bereich. das kann auch etwas flächendeckendes mit Hintergrundfarbe und oder -bild sein.

Für Iframes, die von einem Browser nicht unterstützt werden, müsste das entsprechend eigentlich wie folgt gehen:

  
<html>  
<head>  
<title>iframetransparent</title>  
<meta name="author" content="Gernot Back">  
<meta name="generator" content="Ulli Meybohms HTML EDITOR">  
<style type="text/css">  
[code lang=css]  
  
html, body {  
  width:100%;  
  height:100%;  
  margin:0;  
  padding:0;  
}  
  
iframe, #ersatzDiv{  
  width:50%;  
  height:50%;  
  margin:15.2% 24%;  
  background:url(deinHintergrundbild.jpg) #FFFFDD;  
}  

</style>
</head>
<body>
<iframe frameborder="0" src="deinEingebundesDokument.html" allowtransparency="true">
  <div id="ersatzDiv">
  Ihr Browser unterstützt keine Iframes,
  aber sehen Sie sich wenigstens dessen
  schönen Hintergrund an!
  </div>
</iframe>
</body>
</html>
[/code]

Das mit der Transparenz und dem dadurch durchscheinenden Hintergrund des (I)Frame-Elements funktioniert (getestet) in IE6 und Mozilla 1.7.2., in Opera 7.54 hingegen nicht.

Gruß Gernot