Drop-Down Menü langsam einblenden lassen

[paoloposo]

Frage sollte ohne Erklärung verständlich sein.

 

[ineedmusic]

Das sollte sich mit

visibility:hidden;
opacity:0;
transitionpacity Xs linear;

und

visibility:visible;
opacity:1;

realisieren lassen. Für X musst du die Anzahl der Sekunden die das einblenden dauert einsetzen.

 

[threadi]

O.g. Code wird in einigen Browsern nicht funktionieren da heute noch nicht jeder transition unterstützt. Für diese Browser müsstest Du eine entsprechende JavaScript-Funktion nutzen. Die kannst Du selbst schreiben oder das fertige jQuery-animate() dafür verwenden.

 

[DarkCross44]

@threadi:

wtf?! Mit welchen browser gurkst du denn durch die gegend?
Es unterstütz jeder Transition! Einführung mit Css3!!!

Du kannst diese Methode anwenden, aber ist auch etwas... naja... unprofessionell... bzw du kannst es nehmen, wenn du halt komplett auf javascript verzichten möchtest... oder halt mit jQuery;)

 

[threadi]

Nein, es kann bei weitem nicht "jeder". Siehe: Can I use CSS3 Transitions

 

[Tronjer]

Nein, es kann bei weitem nicht "jeder". Siehe: Can I use CSS3 Transitions

Eben drum. IE-User müssten dazu entweder bereits Win 8 besitzen, oder sich die Preview vom IE 10 herunterladen, und das wird z.Zt. wohl nur eine Minderheit tun. Mit jQuery ist man da auf der sicheren Seite.

 

[DarkCross44]

Die neuen unterstützen alle Transition, selbst der neue IE!

 

[threadi]

Und was bringt das wenn statistisch gesehen die wenigsten die neuesten Browser nutzen? ;) Hängt btw. auch immer von der Webseite selbst ab, Zielgruppe etc.pp. Ich kenne keine Seite die NUR von IE10 und FF17 besucht wird ^^

 

[Tronjer]

Wobei ich bei meinem aktuellen Projekt die Maßgabe habe, anstatt von jQuery lieber CSS3-Attribute zu verwenden. Offenbar ist man dort der Meinung, dass die Anzahl der User, die JS abgeschaltet haben, die Menge derer übertrifft, die noch mit dem IE7/8 unterwegs sind.