border-radius with IE support using htc behavior


/ Published in: CSS

note that for the corners to work in IE, you need to install the htc code from http://code.google.com/p/curved-corner/

.curved {
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari and chrome */
-khtml-border-radius:10px; /* Linux browsers */
border-radius:10px; /* CSS3 */
behavior:url(border-radius.htc); /* make IE use properties of border-radius */
}


Copy this code and paste it in your HTML
  1. .selector-to-be-rounded {
  2. -moz-border-radius:10px;
  3. -webkit-border-radius:10px;
  4. -khtml-border-radius:10px;
  5. border-radius:10px;
  6. behavior:url(border-radius.htc);
  7. }

URL: http://code.google.com/p/curved-corner/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.