webForumDet fria alternativet

Hover funkar inte i IE?

4 svar · 388 visningar · startad av UrMe

UrMeMedlem sedan apr. 2001762 inlägg
#1

Hej,

varför fungerar inte Hover effekten på "dropner" menyerna i Internet Explorer i detta script? Det fungerar i FireFox.

Det är de första länkarna på de "utfällsbara" menyerna som inte blir nån "hover" effekt på.

CSS-filen

ul#tree-menu {
    list-style: none;
    padding: 0;
    width: 10em;
	margin:0 0 0 0.3em;
}

ul#tree-menu li.static div {
    background: #0099FF;
    border-color: #2BF #2BF #07D #07D;
    border-style: solid;
    border-width: 1px;
    color: #000000; 
    font-size: small;
    font-weight: bold;
    padding: 6px 10px;
	margin:0;
	text-decoration:none;
	list-style:none;
}

ul#tree-menu li.static a {
    color: #000000;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

ul#tree-menu li.toggle div {
    background: #0099FF;
    border-color: #2BF #2BF #07D #07D;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-size: small;
    font-weight: bold;
    padding: 6px 10px;
    
}

ul#tree-menu li.toggle div:hover {
    background: #0099FF;
    border-color: #8a9 #8a9 #465 #465;
    border-style: solid;
    border-width: 1px;
}

ul#tree-menu li.toggle ul {
    background: #00AAEE;
    border: 1px solid #07D;
    border-top: none;
    display: none;
    list-style: none;
    padding: 0px 10px;
	margin:0;
}

ul#tree-menu li.toggle ul a {
    color: #000000;
    font-size: x-small;
    font-weight: bold;
    text-decoration: none;
}

ul#tree-menu li.static a:hover {
	color: #FF0000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;

}

ul#tree-menu li.toggle ul a:hover {
	color: #FF0000;
	font-size: x-small;
	font-weight: bold; 
	text-decoration: none;

}

En bit av själva html-koden

    <ul id="tree-menu">
	  <li class="static"><div><a target="_top" href="index.htm">Startsida</a></div></li>
	  <br>
	  <li class="static"><div><a target="main" href="Banan_1_24.htm">
        Inomhusbanan</a></div>

      <p>
	  <br>
	  <li class="static"><div><a href="dasd.htm">Länk</a></div></li>
      <li class="toggle"><div>Länk</div>
      <ul>
        <li><a target="main" href="asd.htm">Länk</a></li>
        <li><a target="main" href="asd.htm">Länk</a></li>
      </ul>
      </li>

      <li class="toggle"><div>Länk</div>

      <ul>
        <li><a href="asdasd.htm">Länk</a></li>
      </ul>
      </li>

      <li class="toggle"><div>Länk</div>
      <ul>
        <li><a target="main" href="asd.htm">Länk</a></li>
        <li><a target="main" href="asd.htm">Länk</a></li>
      </ul>
      </li>
zcorpanMedlem sedan dec. 20042 245 inlägg
#2

IE förstår endast a:hover.

UrMeMedlem sedan apr. 2001762 inlägg
#3

Så det finns inget sätt att koda om detta så det fungerar med hover i IE? :(

Argh..

fiddlerMedlem sedan juli 20023 617 inlägg
#4

Kan du få lite tips här tro? http://www.alistapart.com/articles/horizdropdowns/

Jesper TMedlem sedan nov. 20017 144 inlägg
#5

Lägg detta i ditt css:
body {behavior: url("csshover.htc");}
Packa upp den bifogade filen och lägg den i samma katalog som din aktuella fil. Sedan så skall det funka med hover på det mesta i ie. :)

132 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)