nicht angemeldet
hi
Ich brauche für ein neues Design einen "halbtranspareten" pixel
-> soll heissen, dass der Hintergrund z.B. nur noch zu 50% durchscheint!
es gibt da 2 Lösungen für, die eine mit PNG-Grafiken, die andere mit nicht ganz sauberem CSS.
___Das schönere ist die PNG-Lösung:
Damit wird schlichtweg das Pixel auf 50% Transparenz gesetzt.
Vorteil: es ist sauberer
Nachteil: klappt bisher nur in Mozilla und Opera. konqueror zeigt's bei mehr als 50% sichtbar, bei weniger unsichtbar ab, für den IE ist alles transparente weg :(
___Der CSS-Hack:
Damit wird über derzeit noch browserspezifische CSS-Befehle eine Transparenz auf ein relativ beliebiges Objekt gelegt. Für den IE ist das dann filter:alpha(opacity:50); und für Mozilla -moz-opacity:0.5; - der Rest kann das gar nicht.
Vorteil: funzt in IE und Mozilla
Nachteil: funzt sonst gar nicht und ist eben noch kein offizielles CSS. Außerdem kann man keine Bild_bereiche_ transparent setzen.
so würde ich das Lösen:
den transparenten Bereich möglichst gründlich rechteckig zurechtschneiden und als extra Bild auslegen, welches dann ein PNG mit Alpha ist, der Teil der durchscheinen muss dabei minimal unter, der Rest minimal über 50% sichtbar. Für den IE wird dieses bild dynamisch gegen eine Version eingetauscht, wo keine Transparenz drin ist und das Bild bekommt über die IE-CSS-Syntax eine Transparenz.
Damit haben Mozilla- und Opera-User den vollen "Bildgenuss", im IE siehts nicht ganz so gut aus, ist aber immer noch Transparent.
gruss Kai