Halbtransparente Bilder erstellen
Georg
- design/layout
0 Alexander (HH)0 Kai3450 ChrisB
Hallo,
ich es möglich eine Grafik für das Web so zu gestalten das sie 70% transparent ist, dies wäre sehr nütlich bei der Navigation als MouseOver Effekt, den ich dann mit CSS realsieren kann.
Weiß jemand ein Rat oder Tip ?
Danke
Georg
Moin Moin!
PNG-Format, macht mit IE bis einschließlich 6.0 aber richtig Probleme. Ob der IE 7 immer noch auf PNG allergisch ist, muß jemand anderer beantworten.
Alexander
Moin!
Hallo,
ich es möglich eine Grafik für das Web so zu gestalten das sie 70% transparent ist, dies wäre sehr nütlich bei der Navigation als MouseOver Effekt, den ich dann mit CSS realsieren kann.
Was willst du?
a) Die Bilder von Hause aus transparent -> entsprechendes Grafikprogramm
b) Die Bilder teiltransparent anzeigen -> CSS
für FF und Opera:
opacity: wert zw. 0 und 1
für IE:
filter:alpha(opacity=wert zw. 0 und 100)
Wobei opacity von der anderen Seite her betrachtet wird wie transparenz.
transparenz von 100% ist unsichtbar und entspricht opacity 0
transparenz von 0% ist sichtbar und entspricht opacity von 1 (IE 100)
opacity ist erst mit CSS3 definiert und wird noch nicht von allen Browsern verstanden, da gibt es dann z.B. propietäre Ersatzangaben wie -khtml-opacity (aus dem Kopf, ohne Gewähr). Die neueren Opera und Firefox kennen "opacity" aber jetzt schon.
Cü,
Kai
Hi,
ich es möglich eine Grafik für das Web so zu gestalten das sie 70% transparent ist, dies wäre sehr nütlich bei der Navigation als MouseOver Effekt, den ich dann mit CSS realsieren kann.
Weiß jemand ein Rat oder Tip ?
Der Artikel Teiltransparente Bereiche sollte wohl nicht mehr so viele Fragezeichen auf deinem Gesicht uebrig lassen.
MfG ChrisB