csscss3pie

PIE.htc not working in IE8


I've searched through the existing threads about PIE.htc not working in IE8 but couldn't find a good resolution -

I've tried applying it to every single element on my page that uses an IE8-incompatible CSS3 attribute and I can't get anything to happen. IE8 doesn't tell me that the path is wrong and PIE.htc sits in the same folder as the page which calls it. Here is a random css example from an element which pops up when the user hovers over a graphic:

CSS:

.info_bubble {
    -webkit-border-radius: 5px;
    padding: 8px 8px 16px 8px;
    background-color: white;
    -moz-border-radius: 5px;
    behavior: url(PIE.htc);
    border-radius: 5px;
    position: absolute;
    margin-top: 1em;
    display: none;
    bottom: 2.5em;
    left: 3.5%;
    width: 80%;
    height: 0;
}

It is meant to have rounded edges but it still refuses to work in IE8.


Solution

  • So I figured it out - Sort of.

    It works if I use another version of PIE.htc. I have no idea why, but I guess for anyone else stuck in this situation, try a different version.

    Edit: I was trying to use PIE 2.0 beta 1. I resolved the issue by downgrading to PIE 1.0.0.