WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Hover not working in IE (7 posts)

  1. webbmalin
    Member
    Posted 1 year 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

  2. Andrew
    Forum Moderator
    Posted 1 year 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.

  3. webbmalin
    Member
    Posted 1 year 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?

  4. webbmalin
    Member
    Posted 1 year 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 :(

  5. webbmalin
    Member
    Posted 1 year ago #

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

  6. webbmalin
    Member
    Posted 1 year 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!

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Excellent work :)

Topic Closed

This topic has been closed to new replies.

About this Topic