HTML/CSS IE Frames transparent machen

S

Susum

Well-known member
ID: 419742
L
10 Juni 2011
8.131
49
Hallo,

ich habe ein problem und zwar wird der Frame beim IE nicht Transparent, sondern ist weiß.

ich habe gelesen, dass man das Problem so beheben kann:
HTML: 
      <style type="text/css"> 
        <!--
        
        body
        {
            background-color: transparent;
            allowtransparency: true; 
        }
        
        -->

jedoch ohne erfolg (obwohl ich es schon einmal hinbekommen habe :ugly:)

Hier ist ein auszug aus meiner Html seite. (soll eine Bildergalerie sein)

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>Galerie-Navigation</title>
  
        <style type="text/css"> 
        <!--
        
        body
        {
            background-color: transparent;
            allowtransparency: true; 
        }
        
        -->
        </style>
 </head>
<BODY >

<div style="text-align: center;" >

<a href="images/dinslaken/dinslaken-gross/1.jpg" target="anzeige"><img src="images/dinslaken/dinslaken-klein/1.jpg" border="0" alt=""></a>
<br><br>
<a href="images/dinslaken/dinslaken-gross/2.jpg" target="anzeige"><img src="images/dinslaken/dinslaken-klein/2.jpg" border="0" alt=""></a>
<br><br>
<a href="images/dinslaken/dinslaken-gross/3.jpg" target="anzeige"><img src="images/dinslaken/dinslaken-klein/3.jpg" border="0" alt=""></a>
<br><br>
<a href="images/dinslaken/dinslaken-gross/4.jpg" target="anzeige"><img src="images/dinslaken/dinslaken-klein/4.jpg" border="0" alt=""></a>
<br><br>
 
Ich bezweifle, ob das überhaupt geht.
Ein iFrame bindet ja eine komplette Seite ein. Eine Webseite (=body-Tag), der einen transparenten Hintergrund hat, würde, wenn ich Browser wär, mich aus dem Konzept bringen und ich würde diese Info einfach verwerfen.

Was sollte denn passieren, wenn die betreffende Webseite nicht im iFrame ist? Soll der Browser "durchscheinen"? Welche Farbe hat der? Der Desktop-Hintergrund? Was, wenn es nicht sowas, wie einen "Desktop" gibt?
 
ich habe das bereits mit einem gästebuch hinbekommen, das auch durch ein iframe implementiert wurde, deshalb müsste das ja jetzt eig. auch wieder gehen.

Ich meine Mozilla und Chrome schaffen es auch.

edit: transparent bedeutet, das der Browser die dahinter stehende farbe benutzt, dass heißt wenn ich den iframe in meine Seite einbaue, nimmt er die farbe an, wodrauf der iframe gerade ist..
 
Wenn IE es nicht kann, dürftest du herzlich wenig machen können.

Susum schrieb:
edit: transparent bedeutet, das der Browser die dahinter stehende farbe benutzt, dass heißt wenn ich den iframe in meine Seite einbaue, nimmt er die farbe an, wodrauf der iframe gerade ist..
Zum Vergrößern anklicken....
Diese Überlegung bedingt aber, dass das Rendern und Auflösen der CSS-Regeln über Dokument-Grenzen hinweg geht. Das html-Tag ist nämlich das Root-Element im DOM-Tree und direkt drunter is ja schon das body-Tag.

Probier mal, die Hintergrundfarbe zusätzlich noch dem html-Tag zu geben. Klingt zwar sinnlos, aber vielleicht hast du Glück.
 
theHacker schrieb:
Probier mal, die Hintergrundfarbe zusätzlich noch dem html-Tag zu geben. Klingt zwar sinnlos, aber vielleicht hast du Glück.
Zum Vergrößern anklicken....

wie meinst du das genau ?


ich bin schon einen kleinen schritt weiter:

so siehst im moment aus:

2vju7pg.png


die linke leiste ist jetzt schonmal durchsichtig, aber der andere teil halt noch nicht :(.



edit:

HTML: 
<iframe allowtransparency="true" src="dinslaken-navigation.htm" width="140" height="550" frameborder="0"></iframe>
<iframe allowtransparency="true" src="images/dinslaken/dinslaken-gross/1.jpg" name="anzeige" width="550" height="550" frameborder="0" ></iframe>

das steht bei mir auf der main seite.
 
Zuletzt bearbeitet:
warum überhaupt iframes?

Hallo Susum,

Susum schrieb:
wie meinst du das genau ?
die linke leiste ist jetzt schonmal durchsichtig, aber der andere teil halt noch nicht :(.
Zum Vergrößern anklicken....

Nachdem ich Dein Bild von der Seite gesehen habe frage ich mich:

Warum in aller Welt willst Du hier iframes verwenden? 8O

Warum nicht einfach direkt die jeweilige Grafik einbinden??

Freudige Grüße!

Timon
 
gib einfach mal den Link zu der betreffenden Seite (falls schon online)

ansonsten würde ich einfach mal background-color: transparent; nutzen ...

da du HTML 4.01 Transitional benutzt ... für welchen IE willst du denn die Transparenz haben?
wenn du die neueren IEs ansprechen willst, dann darfst du kein Transitional benutzen, da sonst der Quirks-Mode anspringt
für die älteren IEs gibt es irgendwie nen proprietären Tag namens "filter:", welcher Transparenz unter den alten IEs erzeugen soll
 
Die beiden Deklarationen im folgenden Beispiel geben die Übereinstimmung mit der HTML 4.0-DTD Transitional an. Die zweite Deklaration gibt den URL der DTD an. Die erste Deklaration tut dies nicht. Die zweite Deklaration aktiviert den standardkompatiblen Modus in Internet Explorer 6 Public Preview oder höher. Die erste Deklaration tut dies nicht.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
Zum Vergrößern anklicken....
Quelle (ist aber etwas veraltet)

ok, meine Aussage war nicht ganz korrekt ...
sobald man keine URL der DTD angibt beim Transitional, wird der Quirks-Mode aktiviert und der Threadersteller hat keine URL angegeben, somit traf meine Aussage zumindest auf diesen Fall zu ;)

aber da ich eh immer ohne URL arbeite, zählt Transitional bei mir automatisch als Quirks-Mode und Strict wird zum Standard-Mode
 
Zuletzt bearbeitet:
Es geht nur bei Seiten, nicht bei reinen Bildern.
Alternative wäre ein DIV, was die Source bei Click ändert.

PS: Akutelles
 
also ich habe hier den IE9 und sehe keine weißen Stellen ...

drum wäre eine Angabe, um welchen IE es sich handeln soll, schon sehr praktisch ;)

und die Seite hat als Deklaration XHTML und nicht wie oben angegeben HTML 4.01 ;)
 
ok ich habe es im IE 8.07600.**** offen und bei mir wird da einen weißen rand angezeigt.

Was muss ich jetzt genau ändern ?

vielen dank schonmal.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben