Written by me@grafxflow
05 Sep, 2012
0
1,980
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.
30 Dec, 2018
12 Jan, 2010
02 Aug, 2015
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!
Follow
11 Jul, 2023
21 Jun, 2023
25 Nov, 2022
20 Sep, 2022
Views: 162,654
Views: 38,822
Views: 34,620
Views: 31,996
