Wednesday 9 March 2011

Curved corners in IE

Share |
Rarrr... The part of adding curved corners in IE is just such a pain, without native CSS border-radius support. And using images for the edges is just cumbersome.

What options is a time-stripped developer to have? Even Microsoft has to give alternatives in view of this.


Method: Use Add-on Scripts

  • I found PIE to be one possibility.
Link at: http://css3pie.com/documentation/getting-started/
From css3pie.com
  • The other chance you could try is border-radius.htc
For more information.
  • Lastly, CurvyCorners is really worth a try. You can keep your current css that already works for Firefox, Chrome etc. as it converts them to work for IE. You just need a few lines of script and you are done. 
Link here: http://www.curvycorners.net/
    From curvycorners.net

    These solutions still don't work for Suckerfish menu in Internet Explorer though. 
    Will post some solution when I find one.


    No comments:

    Post a Comment

    Comments will be moderated.
    You can always click 'Contact me' link to get in touch directly.