Hover not working in IE

  • Resolved webbmalin

    (@webbmalin)


    11 years, 2 months ago

    I have a dropdown menu made buy showing the sub-menu on hover. Works in all browsers except Internet explorer. I believe I’ve tested on IE 8 and 9.
    You can look here: http://malinkarlsson.com/talatydligt/
    Also some other images won’t show up on hover, for example in the footer nav menu.

    I have made dropdowns like this before that still works in IE.
    http://swedenbynature.se/ That site uses WordPress 3.4.2
    If I copy the css from that one to http://malinkarlsson.com/talatydligt/ it won’t work in IE but in other browsers.

    Therefore I believe it might be an WordPress 3.5 issue.
    I did test to deactivate all the plugins, the problem remained.

    Does anyone know how to solve this?
    /Malin

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Try adding this CSS;

    #navbox ul li:hover ul {
 display: block;
}

    Therefore I believe it might be an WordPress 3.5 issue.

    If you see an ill-formed webpage, it’s to do with the theme.

    Thread Starter webbmalin

    (@webbmalin)

    11 years, 2 months ago

    So I tried to downgrade to wordpress 3.4.2 here: http://www.webbmalin.se/testmalin/

    but it still isn’t working. so perhaps NOT a 3.5 issue?

    Thread Starter webbmalin

    (@webbmalin)

    11 years, 2 months ago

    I’ve got this
    #navbox ul li:hover > ul {
    display: block;
    }

    and this
    #navbox ul.sub-menu li:hover > a {
    display: block;
    height: 18px;
    color: #000;
    background: #69be28 url(“images/submenu-hover.png”) 18px 6px no-repeat;

    }

    and added yours as well. still not working 🙁

    Thread Starter webbmalin

    (@webbmalin)

    11 years, 2 months ago

    Well it’s very ill-formed at the moment cause I’m testing lots of things.

    Thread Starter webbmalin

    (@webbmalin)

    11 years, 2 months ago

    Problem SOLVED!

    It had NOTHING to do with either WordPress-versions or hover.

    It was just ME 🙂

    I put some license-text in the header and put it between <!– –> which for some reason completely messed it up for IE.

    I took it away and my hover and dropdown works perfectly!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    Excellent work 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hover not working in IE’ is closed to new replies.