Eine kleine Spielerei mit der Pseudoklasse :hover und z-index brachte ein erstaunliches Ergebnis und mir eine interessante Erkenntnis: Der IE6 kann nur a-Tags hovern!
Aber auch dagegen ist ein Kraut gewachsen…
Die Pseudoklasse :hover lässt sich normalerweise recht vielfältig einsetzen. Mit ihr kann man seiner Internetseite einen Hauch von Dynamik verpassen. Sie ist hervorragend für Rollover-Menüs geeignet, solange man nicht auf dem IE6 testet. Denn der ist ja bekannterweise in vielerlei Hinsichten der Spielverderber Nr. 1.
So auch in diesem Fall:
Das Karteikarten-Reiter-Menü
Alle Browser lieferten das gewünschte Ergebnis, nur der Internet Exporer 6 verstand die Anweisung nicht. Doch zum Glück war dieses Problem bereits bekannt. Kluge Köpfe haben sich Gedanken gemacht und ein Gegenmittel entwickelt: Die csshover.htc. .htc oder .hta-Files werden über sogenannte behaviors, die vom IE interpretiert werden können, an bestimmte Elemente vergeben um ihnen ein bestimmtes Verhalten aufzuzwingen. Nähere Informationen dazu gibt’s bei Peterned – whatever:hover – den Erstellern dieser Datei. Da sage ich nur:”Thx for sharing!”
Das Ergebnis der ganzen Aktion ist ein nettes kleines Menü, das man vielfältig einsetzen kann, denn die Inhalte der Karteikarten lassen sich beliebig gestalten.
Alle benötigten Dateien inklusive der Einbindung des .htc-Files gibt es zum downloaden und zwar hier (rar, 3.55 kB).
Kartei-Reiter Downloads: 344
wenn ich es ein bisschen umbaue kann ich es echt gut gebrauchen… dake!
Ja auch im IE 6 kann man das machen. Man muss hier nur auf eine hilfskonstruktion mit Tabellen zurückgreifen. Eine gute Quelle für CSS hover Menüs ist: http://www.cssplay.co.uk/menus/index.html
Die sind zum großen Teil alle Bulletproof und wirklich sehr gut gemacht.
Gruß Michael
@Michael: Na, ja. Auf eine solche Konstruktion wollen wir mal verzichten ;-)
Der Link ist allerdings sehr interessant…