Man kann problemlos mittels CSS bestimmte Elemente der Website transparent machen. Glücklicherweise unterstützen die meisten modernen Browser-Engines (Mozilla, Opera, Webkit) mittlerweile das CSS-Attribut
opacity.
Lediglich beim Internet-Explorer bis zur Version 8 bleibt
opacity wirkungslos. Hier kann man aber alternativ auf die Filter des IE zugreifen. Dazu dem entsprechendenen Element einfach folgenden Code zuweisen.
opacity: 0.5;
filter:alpha(opacity=50);
Der Wert hinter opaccity bestimmt jeweils den Wert in %. 0.5 entspricht also 50% Transparenz.
Für Logo-Bilder oder Grafiken würde ich dennoch auf Transparenz mittels CSS verzichten und stattdessen auf transparente PNG-Grafiken (idealerweise als Teil einer Sprite-Map) zurückgreifen.
Das PNG hat eine wesentlich bessere Bildqualität bei geringer Größe (im Vergleich zum transparenten GIF). Außerdem spart man zwei Zeilen Code
Wenn man Fotos (üblicherweise im JPG-Format) transparent machen will ist es sicherlich sinnvoller die CSS-Transparenz zu nutzen, bevor man das JPG in PNG transformiert, denn durch dadurch würde das Bild erheblich größer.
« Letzte Änderung: 10.01.2012 15:20 »