Just nu i M3-nätverket
Gå till innehåll
nsky

Meny fungerar inte i IE6

Rekommendera Poster

nsky

Hej,

har hittat en meny som jag har modifierat lite men som tyvärr fungerar den inte i IE6. Tyvärr måste jag få den att fungera även för 6:an, hade helst skippat men tyvärr går inte det. Det är hover i underrubrikerna som inte fungerar. Ni kan se menyn här

 

www.webnstuff.se/utv/hover.html

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

Det är inte javascripten som är fel utan css:en. IE6 stödjer inte :hover på andra element än a

ul.subnav li:hover ul, ul.botsubnav li:hover ul,
ul.subnav li.hover ul, ul.botsubnav li.hover ul /* lägg till denna */
{
   left: auto;    
}

 

sedan får du ändra i meny.js också.

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"    }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

//  **  //

//Following events are applied to the trigger (Hover events for the trigger)
   }).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"
   }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
nsky

Det är inte javascripten som är fel utan css:en. IE6 stödjer inte :hover på andra element än a

ul.subnav li:hover ul, ul.botsubnav li:hover ul,
ul.subnav li.hover ul, ul.botsubnav li.hover ul /* lägg till denna */
{
   left: auto;    
}

 

sedan får du ändra i meny.js också.

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"    }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

//  **  //

//Following events are applied to the trigger (Hover events for the trigger)
   }).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"
   }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

 

Tack för hjälpen, men får det fortfarande inte att fungera.

 

Har lagt till raden i .css:en och ändrat i .js filen men fungerar tyvärr inte ändå.

 

Edit: Såg att det var samma kod.

Redigerad av nsky

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

jag har ändrat på två ställen i js-filen.

De två funktionerna är snarlika

 

Det är något annat i cssen som inte stöds av ie6, och det är nog "left:auto" som inte fungerar.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
nsky

jag har ändrat på två ställen i js-filen.

De två funktionerna är snarlika

 

Det är något annat i cssen som inte stöds av ie6, och det är nog "left:auto" som inte fungerar.

Ok, har satt left: 0; men hover fungerar inte i Ie6 men det fungerar bra i FF. Åh vad less jag blir att behöva anpassa för IE6.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

alternativet är att använda sätt som fungerar även för ie6, men det är lätt att säga i efterhand. Sorry.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...