Software Engg. & Webdeveloper

Google Ads

Proudly Hosted on

About Me

Hi, I 'm Aditya, the guy behind this website and many other. This site acts as my web playground, where I share all about me, my work and my knowledge.

I have over 10.5 yrs hands on experience in PHP, Mysql, JavaScript, open sources CMS like Joomla, Wordpress etc. During these 10.5 years, I have worked on more than 200 projects and/or websites but could not spare time for my blog. But now I am trying to write something whenever I can.

 

 

Rounded corners in Internet Explorer

I always wonder why Internet Explorer doesn't support CSS3 border-radius property, which is natively supported in Safari, Firefox and Chrome.

I know there are many ways to do this which includes javascript and css methods to achieve them. I found another cool method of implementing it. This method also support box-shadow property.

Please follow the following procedure to implement this

Step 1:- download it and upload it
[download id="1"] it and unzip. Upload the PIE.htc to you server, its the behavior file for IE, which does all the magic.

Step 2:- Write some css
Write some css styling
 

#myCss{
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

(Note the -webkit- and -moz- prefixed versions; these are necessary to make the rounded corners work in WebKit and Mozilla-based browsers.)

Step 3:- Apply PIE

In that same CSS rule, add the following style line:

behavior: url(path/to/PIE.htc);

You Are Done

Tags: , , ,
Comments are closed.
Home / Rounded corners in Internet Explorer