|
|||
Hintergrundbilder hover'n mit IE
Hi,
I will einige Hintergrundbilder hover'n, aber IE6 setzt den Zustand von hover nicht auf normal zurück, wenn ich über die Bilder fahre. HTML: Code:
<div id="header"> <a href="/service/"><span class="service" title="Service">Service</span></a> <a href="/specials/"><span class="specials" title="Specials">Specials</span></a> </div> Code:
#header { height: 106px; } #header a { float: left; } #header a:link span { display: block; height: 106px; text-indent: -5000px; } #header a:hover span { cursor: pointer; } #header a span.service { width: 134px; background: #fff url(../../_media/img/header/service_hell.jpg) no-repeat center center; } #header a:hover span.service { width: 134px; background: #fff url(../../_media/img/header/service.jpg) no-repeat center center; } #header a span.specials { width: 245px; background: #fff url(../../_media/img/header/specials_hell.jpg) no-repeat center center; } #header a:hover span.specials { width: 245px; background: #fff url(../../_media/img/header/specials.jpg) no-repeat center center; } Jug |
Sponsored Links |
|
|||
Also wenn ich das jetzt richtig verstehe, möchtest du die beiden Links im Header mit jeweils einem anderen Hover-Bild versehen.
Mach doch folgendes: Schreib die Klasse des <span> direkt in den Link, also <a href="#" class="special">LINK</a>. Per CSS dann folgendermaßen formatieren: a.special, a.special:link, a.special:hover usw. Ist meines Erachtens etwas weniger schreibaufwendig und funktioniert. |
Sponsored Links |
|
||||
Okay, dann ist ja gut.
In Zukunft wäre es aber super, wenn du das dann auch sagen würdest, nicht dass sich noch jemand die Mühe macht deinen Code durchzusehen und dann eventuell sogar eine Lösung postet. Das gilt nicht nur für dich, mir fällt es nur immer wieder auf, dass dann jemand von uns eine Seitenlange Antwort schreibt, die dann entweder gar nicht mehr beachtet wird, oder der Threadstarter hat die Lösung bereits selbst gefunden. Eine kleine Rückmeldung mit einem "Danke, jetzt klappt ..." würde allen helfen Aber das betrifft nicht (nur) dich. Freundliche Grüsse, lloyd
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde - #me { position: absolute; } |
|
||||
Dann passt es sowieso. Ich wollt's einfach mal gesagt haben, weil mir es immer wieder auffällt, dass Threads von Neulingen meist mit einem langen Beitrag eines erfahrenen Helfers enden.
Viel Erfolg weiterhin.
__________________
The only thing to do with good advice is pass it on. It is never any use to oneself. - Oscar Wilde - #me { position: absolute; } |
|
|||
Das ist halt die "Da-Werden-Sie-Geholfen"-Mentalität. Man schreibst das Problem was man hat, und sobald eine Lösung da ist... "Wie, war da mal was? ach... wird schon ok sein, da muss ich nix mehr zu schreiben...".
hab mal in einem anderen Forum meinen alten ausgegraben nachdem ich nach laaaaaaa[...]nger Zeit Mal eine Lösung gefunden und die Zusammenhänge verstanden hab. Da wird man dann doch gleich noch angemacht, wieso man den alten Schinken denn nun wieder ausgräbt Na wenn mein Beispiel bei dir auch funktioniert hat, dann weiß ich ja das ich bei mir alles richtig gemacht hab |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS3 Animation erst beim runter hovern starten | Feirell | CSS | 1 | 22.03.2015 16:19 |
Gruppe von Zellen hovern | gaby | CSS | 9 | 15.07.2011 17:47 |
Hovern an 2 unterschiedlichen Stellen gleichzeitig möglich? | ciccy | CSS | 3 | 08.09.2009 20:14 |
zwei hintergrundbilder? | pino.bonbon | CSS | 9 | 15.01.2009 18:31 |
Problem mit Hovern | Dunk734 | CSS | 2 | 16.04.2008 22:06 |