css3 Icon Logo

Written by me@grafxflow

05 Sep, 2012



CSS3 border-radius fix for IE6 upwards

This blog post is a little helper to get around the infamous CSS3 Internet Explorer issue (of which there are many) that covers the CSS3 border-radious. While all of the other popular browsers have been able to use this for years, finally in 2011, IE9 had the capability.

Quick Note: One thing you need to remember when using border-radious with IE9 is to add this code.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

But what about the older versions of IE? Well there is a javascript workaround called CurvyCorners.

1. Start by downloading the file from CurvyCorners.

2. Then add the following to your html.

<script type="text/javascript" src="curvycorners.js"></script>

3. It should by default detect the css values needing border-radius. But there are more complicated ways of implementing the script.

Add comment

Smart Search

132 Following


Hull, United Kingdom

I am a Full-stack Developer who also started delving into the world of UX/UI Design a few years back. I blog and tweet to hopefully share a little bit of knowledge that can help others around the web. Thanks for stopping by!