Hallo Forum!
Ich habe bei meiner Navigation das Problem, dass der Hover-Effekt, der die Schrift- und Hintergrundfarbe beim Darüberfahren mit der Maus ändert, im IE eine massive Verzögerung (bis 3 Sek.) hat. Dabei steigt die CPU-Auslastung auf 90% - 100% an.
Im FF funktioniert alles einwandfrei ohne Verzögerung.
Der Hover-Effekt wird mit CSS bewirkt und fällt auf die <a>-Tags und wird über display:block; auf das gesamte, beinhaltende <li>-Tag "übernommen", damit auch der IE dies (oder eben gerade auch nicht?) Verarbeiten kann.
Link zur Seite: http://server-r005.hostpoint.ch/~rutschre/public_html/index2.php
Im Internet habe ich dazu eigentlich nur einen Beitrag gefunden, bei dem jemand das Gleiche hat(te), jedoch keine Verweise/Codes und auch keine Hilfe beinhaltet.
Auszug aus der über PHP inkludierten CSS-Datei, die für Navigations-Links zuständig ist:
a:link.navi
{
color:#000000;
text-decoration:none;
display:block;
padding:0px;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
}
a:link.navi:hover
{
color:#EE1219;
background-color:#FFFFFF;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}
a:visited.navi
{
color:#000000;
text-decoration:none;
display:block;
padding:0px;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
}
a:visited.navi:hover
{
color:#EE1219;
background-color:#FFFFFF;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}
a:active.navi
{
color:#000000;
text-decoration:none;
display:block;
padding:0px;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
}
a:active.navi:hover
{
color:#EE1219;
background-color:#FFFFFF;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}
Weiss jemand einen Tipp? Ich hoffe, mein Beitrag ist ausführlich und beschreibend (ansonsten lasse ich mich auch gerne belehren).
Danke fürs Lesen!
Grüsse
Reto (*der jetzt nur noch brav Rexxx als Pseudonym benutzt)