nicht angemeldet
/ (JAVASCRIPT) Transparenz in Menus
hi ihr!
hey, schaut euch mal diese seite an:
http://www.thekompany.com/home/
da ist ja oben das drop-down-menu. was ich so faszinierend finde, ist der transparente hintergrund. wie geht sowas? zumahl die grafik, die da im hintergund des menus aufgerufen wird, nicht transparent ist.
ich habe mir den quelltext mal durchgeschaut, aber ich kann keinen hinweis auf diesen effekt finden. habt ihr ne idee?
ciao, thomas
-
Hallihallo!
Ich habe mir die Seite jetzt auch mal angesehen, und zwar einmal mit IE5.5 und einmal mit Mozilla 1.0
Im IE konnte ich keine Transparenz erkennen (Du meintest doch die Menüs, oder?). Da war der Hintergrund einfach nur grau. Auch im Quelltext war kein Hinweis auf irgendeine Transparenz zu entdecken, da wurde einfach nur eine gif- Grafik benutzt (obwohl sie einfarbig ist. Ich denke, eine Hintergrundfarbe hätte es da auch getan...)
Aber egal...Im Mozilla allerdings war eine Transparenz zu sehen. Das liegt wahrscheinlich daran, daß die Aufklappmenüs mit Javascript dynamisch erzeugt werden. Für den Fall, daß der Browser DOM- fähig ist, wird hier in die Tabellen (die Menüs) eine png- Grafik als Hintergrund eingefügt. PNG hat die schöne Eigenschaft, daß man sie Teiltransparent machen kann.
Man hätte die Transparenz meiner Meinung nach aber auch anders realisieren können, indem man einfach ganz normale Hintergrundbilder benutzt, und die Tabellen zusätzlich mit entsprechenden Style- Angaben versieht.
Die CSS- Angaben für Transparenz sind:
Für IE : Filter: Alpha(opacity=60);
Für MOZ: -moz-opacity: 60%;
(für eine Transparenz von 60%).Ich hoffe, ich war Dir eine Hilfe...
Viele liebe Grüße,
Der Dicki -
Hallo,
da ist ja oben das drop-down-menu. was ich so faszinierend finde, ist der transparente hintergrund. wie geht sowas?
Rollover-Effekt mit teiltransparenten Grafiken oder Einsatz der in IE und Mozilla implementierten Opacity-Eigenschaft: http://www.styleassistant.de/tips/beispiel84b.htm.
MfG, Thomas