Hallo ihr lieben.
Ich möche in der Navigation ein Bild haben, das bei "Mausüberfahrt" zu einem normalen Text wird. Anforderung ist allerdings, dass es nur mit Css realisiert werden darf (!).
Funktionieren tut es soweit auch ganz gut, hier der Quelltext. Bitte zerreißt mich nicht falls er schlecht geschrieben ist, sondern gebt konstruktive Kritik.
In der Html-Datei:
<div class="navigation">
[img]elements/navigation/trennstriche.gif[/img]
<div id="logo">[url='index.htm'][img]elements/logo.gif[/img] [/url]</div>
<div id="index">[url='index.htm']Index[/url]</div>
<div id="portrait">[url='portrait.htm']Portrait[/url]</div>
<div id="portfolio">[url='portfolio.htm']Portfolio[/url]</div>
<div id="kontakt">[url='kontakt.htm']Kontakt[/url]</div>
</div>
In der externen Css:
#logo {width: 68px; height:30px;position: absolute; left: 466px; border: 1px solid #000000;}
#logo:hover {visibility:hidden}
Problem das ich habe:
Auch wenn ich den Hover für's Div definiere: Wenn ich die Maus bewege flackert das Bild, so als würde er die Hover funktion jedes mal neu ausführen. Gibt es eine möglichkeit das zu verhindern? Und wenn ja wie?
Und denkt dran: Nur Css *zwinkert*
Edit: Ich probiere ja weiter rum.. Problem scheint zu sein, dass der Hover nur auf jeden 2ten Pixel reagiert. Komisch aber wahr.