csscss3piehtml-components

Using CSS3Pie htc for border-radius in IE8

I'm using the CSS3Pie htc file to enable border-radius in IE8, but I'm getting no effect. My CSS is:

button {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(PIE.htc);
}

I've put PIE.htc in the public root (as is done on the CSS3PIE demo page), having tried in the same folder, using a relative uri and an absolute uri.

The demos are working; just not my code!

Thanks, Adam

Solution

  • Try adding

    position:relative;
z-index: 0;

    as suggested here http://css3pie.com/forum/viewtopic.php?f=3&t=10

    This question is similar to the one posted here:

    CSS3 PIE - Giving IE border-radius support not working?