✔ Hover langsam im IE

[Kahmoon]

Hovereffekt sehr langsam im IE

Tach,

mir ist gestern aufgefallen das auf meiner Seite im IE die Hovers im IE gähnend langsam sind. Etwa eine halbe Sekunde Verzögerung. Aber es wird eigentlich nur eine Hintergrundfarbe gesetzt.

a {
color:#DA4B01;
}

a:hover {
color:#fff;
background:#DA4B01;
}

http://www.root54.de

FF und Opera alles normal. Woran kann das liegen?

 

[Maik]

Hi,

ich kann da bei mir im IE keine Verzögerung beim Hovern ausmachen.

 

[Kahmoon]

Das ist seltsam. Daheim, hier auf Arbeit und bei einem Nachbarn verzögert es . Alles performante Rechner....

Michse ratlos

 

[Maik]

Ich hatte das vorhin auf meinem System mit dem IE6 überprüft.

Auf einem anderen System mit dem IE7 sieht's auf einmal ganz anders aus, und hier ist tatsächlich eine Verzögerung festzustellen.

Beim Blick in das Stylesheet style.css fällt auf, dass du da mehrere gleichlautende Regeln für die Links angelegt hast:

h1 a {
color:#DA4B01;
}
h1 a:hover {
color:#fff;
background:#DA4B01;
}

h3 a {
color:#DA4B01;
}
h3 a:hover {
color:#fff;
background:#DA4B01;
}

a {
color:#DA4B01;
}
a:hover {
color:#fff;
background-color:#DA4B01;
}

#contentportal p a {
color:#DA4B01;
}
#contentportal p a:hover {
color:#fff;
background:#DA4B01;
}

.shorties a {
color:#DA4B01;
}
.shorties a:hover {
color:#fff;
background:#DA4B01;
}

#footer a {
color:#DA4B01;
}

#footer a:hover {
color:#fff;
background:#DA4B01;
}

Da du aber mit

a {
color:#DA4B01;
}
a:hover {
color:#fff;
background-color:#DA4B01;
}

eine globale Formatierung festgelegt hast, könnten die übrigen gleichlautenden Formatierungen aus dem Stylesheet entfernt werden.

Möglicherweise ist dies der Grund für die Verzögerung im IE.

 

[Kahmoon]

Hab mal alle auskommentiert (Sind mit der Zeit gewachsen und somit doppelt geschrieben *pfeif*). Leider nach wie vor komisch langsam.

Irgendwo muss hier was doppelt sein.

 

[Maik]

Bei mir wird da nichts grau hinterlegt und der Hover erscheint nun auch fixer.

Schon den Browsercache geleert?

 

[Kahmoon]

Ja, auf unterschiedlichen Rechnern mit und ohne Cache. Ist auch das erste mal das sowas auftritt.....sehr strange...

 

[Kahmoon]

Sooo nach langem hin und her hab ich wohl die Ursache herausgefunden. Ich hab per CSS Truetype Schriften vom IE deaktivert.

http://www.professorweb.de/css/cleartype-des-internet-explorer-7-per-css-deaktivieren.html

body {
   filter:alpha(opacity=100);
   opacity:1.0;
   background-color:#FFFFFF;
}

Dies hatte wohl zur Folge das es leichte Einschränkungen in Sachen Performance gegeben hat.