Support » Plugin: IE CSS3 Support » wrong corners are displaying round

  • Resolved andrew55


    After installing this, I noticed all boxes had rounded corners, on every corner. The css I have is configured to show rounded corners only on top corners;

    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;

    Does this plugin support this type of markup or is there anything I can do to correct the issue? Thank you for any suggestions.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Cristopher Dino


    Hi Andrew,

    I’m Cris, the developer of this plugin.

    The code above is not yet supported on this plugin. But, you can convert your code into something like this:

    -webkit-border-radius: 10px 10px 0px 0px;

    Take a look on this to understand it:

    -webkit-border-radius: 10px(top left) 10px(top right) 0px(bottom right) 0px;(bottom left)

    Use this to make the code compatible in all browsers:

    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;

    That’s great news. Thanks for the response. I will try it out.

    Plugin Author Cristopher Dino


    If this works for you. i’ll appreciate if you could give the plugin a rating here

    Thank you

    I know this one is resolved, but without even downloading this plugin I can tell you that PIE supports only shortcuts the way the developer has it written above. This one’s not on the developer, it’s on IE most likely.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘wrong corners are displaying round’ is closed to new replies.