Comments on: Cross-browser CSS3 border-radius (rounded corners)

By: rajesh

rajesh — Thu, 02 Feb 2012 05:05:54 +0000

hi… I am using border-radius.htc file… its working 5n in ie7,8…but its taking absolute position like the content is coming behind this radiusdiv… I tried to given position:relative and z-index:0 but its is not helping…. pls help me regarding this issue

By: Hyden Lopez

Hyden Lopez — Mon, 30 Jan 2012 07:12:41 +0000

Download ‘PIE.htc’ from “http://css3pie.com/download-latest” and include that instead of ‘border-radius.htc’. It works.

By: jahanzeb akhtar

jahanzeb akhtar — Mon, 30 Jan 2012 06:42:28 +0000

AOA.
i haved tryed your demo of cross border round corner css,but its not working in IE.
could you plz help me?

By: Hyden Lopez

Hyden Lopez — Mon, 30 Jan 2012 06:07:59 +0000

THIS ONE WORKS in IE8!! Thanks a lot…

By: L Walker

L Walker — Wed, 18 Jan 2012 18:50:47 +0000

No matter where I place the .htc file or how I enter the path in the
behavior: url(border-radius.htc);
tag, with either just the direct call to the .htc file and have the file in the same folder or enter a full url path to the htc file, I can’t get this to work.
Here is my test site url.
http://www2.aiag.org.
The entire section should be wrapped with the box shadow.

here is the css entry…
margin: 30px auto;
padding: 20px;
width: 64%;
background: #fff;
font-family: Arial, Verdana;
font-size:14px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 10px #555;
-webkit-box-shadow: 0 0 10px #555;
box-shadow: 0 0 10px #555;
behavior: url(http://www2.aiag.org/ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘box’ class */

The calls look fine in all other browsers but IE8. IE9 can’t even display this correctly.

HELP