Grow your CSS skills. Land your dream job.

IE 6, pngfix and whatever:hover problems.

  • # September 19, 2009 at 1:46 pm

    Ok so i’ve did a test site to try out various things about png transparencies and hover in ie6.

    I’ll explain briefly below:

    I found the solution for :hover and transparency/partial transparency for ie6.

    :hover solution: csshover3.htc (What they called "whatever:hover")

    png transparencies solution: JQuery png fix.js

    They both worked perfectly on their own but when combined, only the png fix works but my menu with a sub menu become totally unclickable despite the menu having <a> tags.

    I had uploaded it on my free host site: http://www.freewebs.com/simplecss/Watermelon/index.html
    or the entire folder at http://www.freewebs.com/simplecss/Watermelon/watermelon.zip

    You will be able to see a working menu in FF and IE7 or above. Png fix is working in all version of IE6 and above but the menu do not work in ie6.

    Anybody with other alternatives that can make them work together? Do share your solution with me.

    # September 24, 2009 at 11:17 am

    hi,

    I have found one meta tag for fixing the issue in IE 8,7,6 browsers and other browsers
    This tag displays the site as same as in IE7,IE6&IE 8.
    I tried this code in my project the site was working fine as same as in IE 7 browsers.
    This tag needs to be first in the <head> (before any css):</head>
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
    This is a small trick for browser compatibility :-) Please try this one.

    Thanks & Regards

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".