tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
0
ZUGRIFFE
11944
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 27.06.06 04:27 #1
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Transparente iFrames bieten den Vorteil, dass sie sich nahtlos in den Hintergrund des Elterndokumentes einpassen.

    In Gecko-Browsern ist dieser Effekt Standard, sofern dort kein Hintergrund-Attribut vermerkt ist.

    Der IE kennt zwar den Farbwert "transparent", das Ergebnis ist jedoch nicht das Gewünschte.
    Der Workaround dafür sieht folgendermaßen aus:
    Man notiert im <iframe>-Tag das attribute allowtrancparency.

    Im Dokument, welches im <iframe> erscheint, sind nun noch einige CSS-Angaben vonnöten, um den Hintergrund transparent zu machen.
    Man definiert für den <body> über den CSS-Filter Alpha() eine transparente Farbe:
    Code :
    1

    filter:Chroma(color=#000001);
    ...diese Farbe sollte nirgends sonst im Dokument vorkommen, auch nicht in Grafiken, denn sie wird von nun an nicht mehr angezeigt.
    Um die Sache zu komplettieren, definiert man diese Farbe für den <body> als Hintergrundfarbe.

    Damit diese Definition der Hintergrundfarbe nicht von anderen Browsern übernommen wird, verwendet man einen sogenannten "Conditional Comment":
    Code :
    1
2
3
4
5
6
7
8

    <!--[if gte IE 5]>
<style type="text/css"> 
body{
  background-color:#000001;
  filter:Chroma(color=#000001);
}
</style>
<![endif]-->
    Diese Syntax eines Kommentares kennt nur der IE, andere Browser ignorieren den Inhalt.

    Das wars schon.
    Anzumerken bliebe allerdings, dass diese Methode sowohl ungültiges HTML(unbekanntes Attribut allowtrancparency), als auch ungültiges CSS erzeugt(ungültiges Attribut Filter)
    Angehängte Dateien Angehängte Dateien
     
« [JS] Wie kann ich PHP-Variablen in Javascript verwenden | [HTML] Wie kann ich erreichen, dass sich die URL in der Adresszeile nicht ändert »

Ähnliche Themen

  1. iFrame Transparent - im IE gehts nicht
    Von Trash im Forum CSS
    Antworten: 9
    Letzter Beitrag: 05.06.06, 14:37
  2. IFRAME transparent?
    Von Bartek W im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 07.05.06, 15:41
  3. Iframe transparent
    Von Jack the Ripper im Forum HTML & XHTML
    Antworten: 20
    Letzter Beitrag: 20.02.05, 13:39
  4. iframe hintergrund transparent
    Von son gohan im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 10.02.05, 14:18
  5. kann man ein flash transparent machen ?
    Von TLH im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 07.10.01, 15:10