Using CSS3Pie htc for border-radius in IE8

Question

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;
    -web         


        

Answer 1

I actually had this problem for a completely different reason.

The border-radius will not work if a filter is applied to the same element. I was applying the border-radius to a button with a linear gradient applied as a filter. As soon as I removed the filter the border-radius worked.

This is documented behaviour and gradients should be applied using -pie-background:

http://css3pie.com/documentation/supported-css3-features/#gradients