Halb-Transparente Ebenen erstellen, aber wie?
X-Dimension
- design/layout
0 Alexander Ganz0 Sven Rautenberg0 Orlando0 Joachim0 Dejot
Hallo! Gibt es eine Möglichkeit mit JavaScript Halbtransparente Ebenen zu erstellen? Die Ebene soll als Menü dienen und eine bestimmte Farbe bekommen. Hierbei soll jedoch die untere Ebene "durchscheinen"! Momentan habe ich das über zwei JPEG Grafiken realisiert, was aber den Nachteil hat, das man die Menü Grafik ständig verändern muss wenn man das Menü Verschieben will :(
Danke für Tipps
Hallo!
Im Internet Explorer gibt es dafür einen speziellen Style (Filter)
<div style="filter: alpha(opacity=50);">blabla</div>
Dadurch sollte die Ebene halbtrasparent sein.
Für Netscape 6 gibt es das auch irgendwie mit style="-moz-keineAhnung", musst du mal nachschauen - weiss ich selbst nicht mehr genau.
Viele Grüße
Alex
D A N K E S C H Ö Ö Ö N :)
Genau das habe ich gesucht!
Moin!
Hallo! Gibt es eine Möglichkeit mit JavaScript Halbtransparente Ebenen zu erstellen? Die Ebene soll als Menü dienen und eine bestimmte Farbe bekommen. Hierbei soll jedoch die untere Ebene "durchscheinen"! Momentan habe ich das über zwei JPEG Grafiken realisiert, was aber den Nachteil hat, das man die Menü Grafik ständig verändern muss wenn man das Menü Verschieben will :(
Wünsche dir einerseits den schon lange vermißten, aber immer noch nicht eingebauten vollständigen PNG-Grafik-Support im Internet Explorer (dann kannst du Alpha-Transparenz in Grafiken verwenden), und andererseits die endgültige Verabschiedung von CSS 3, und deren rasche Umsetzung in Browsern (Mozilla kann Transparenz in Ebenen schon, aber derzeit noch mit proprietären Kommandos).
Und du darfst nicht vergessen, daß alte Browser mit Transparenz logischerweise nichts anfangen können, und folglich dein Menü irgendwie anders anzeigen werden.
Zu den näheren Wegen, wie Transparenz eingesetzt werden kann, empfehle ich die Selfsuche: http://selfsuche.teamone.de :)
- Sven Rautenberg
Hi,
Gibt es eine Möglichkeit mit JavaScript Halbtransparente Ebenen zu erstellen?
Nein. Du könntest allerdings entweder eine Grafik im PNG-Format verwenden und deren Transparenz mit 50% festlegen (funktioniert in guten Browsern, dh nicht im IE), wie Sven schon erwähnt hat, oder mit GIF arbeiten und jedes zweite Pixel transparent gestalten (sieht nicht so gut aus, funktioniert aber immer).
Die browserspezifischen (=proprietären) Varianten für Mozilla und den IE (Opacity bzw. Filter), solltest du jedoch nicht verwenden.
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
hi,
hier gibts was fuer microsoft, fuer Mozilla such mal unter "moz-filter":
http://selfhtml.teamone.de/css/eigenschaften/filter.htm
NC4x: no way ausser mit halbtransparenten gifs (ein Pixel farbig, eines transparent usw.)
Gruesse Joachim