Hover flackert trotz javascript immer noch

R

RuthG

Mitglied
Hallo,

da im IE mein Menü flackert habe ich im Web nach lösungen gesucht und diese gefunden:

HTML: 
<script type="text/javascript">
<!--
try {
	document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
//-->
</script>

Leider macht es keinen Unterschied und es flackert weiterhin.

Was kann ich noch dagegen tun.
Danke, LG Ruth
 
Um eine Lösung zu erhalten musst du uns schon mehr sagen. z.B.: Was tut das Menü, wie ist es aufgebaut. Source-Code wäre da mal eine sinnvolle Variante
 
Sind nur 6 buttons mit bildern statt text. Formatiert hab ich es mit background-image:

HTML: 
<div id="content">
        <ul>
          <li id="ld"><a href="ld.html" title="Laser Diode"></a></li>
          <li id="laser"><a href="laser.html" title="Laser"></a></li>
          <li id="led"><a href="led.html" title="LED"></a></li>
          <li id="det"><a href="det.html" title="Detectors"></a></li>
          <li id="opt"><a href="opt.html" title="Optical Devices"></a></li>
          <li id="acc"><a href="acc.html" title="Accessories"></a></li>
          </ul>
      </div>

Code: 
#content ul {
margin: 0 auto;
width:900px;
}


#content li {
float:left;
display:block;
width:300px;
height:245px
}

#ld a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position:-15px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#ld a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position:-15px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}


#laser a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position:-325px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#laser a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position:-325px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#led a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position:-635px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#led a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position:-635px 0px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#det a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position:-15px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#det a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position:-15px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#opt a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position: -325px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#opt a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position: -325px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#acc a {
display:block;
background-image:url(pic/index/index_p.jpg);
background-position:-635px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

#acc a:hover {
display:block;
background-image: url(pic/index/index_a.jpg);
background-position:-635px -250px;
background-repeat:no-repeat;
width:300px;
height:245px
}

Beim drüber fahren wird jedes mal das hoverbild neu geladen und dadurch entsteht so ein flackern, aber nur beim IE.
 
Das einzige was mir einfällt ist jeweils das Button-Image und das Button-Selected-Image in eine Datei zu tun (nebeneinander oder so) und am Button selbst immer nur einen Teil des Images anzuzeigen. Dadurch brauch nicht nachgeladen zu werden.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück