Home/ Questions/Q 8178467
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T23:46:27+00:00

I have implemented a .htc behaviour to try and get rounded corners for IE-6-8

  • 0

I have implemented a .htc behaviour to try and get rounded corners for IE-6-8 from here:
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

Can’t seem to get it to work, even after following all the little IE methods it recommends.

#callbox {
position:relative;
background-image:url(images/callbox_bg.png);
width:360px;
height:75px;
float:right;
padding:10px 20px 0px 10px;
font-size:26px;

display:block;


border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;


behavior: url(/css/border-radius.htc);
zoom:1;

}

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Normally in CSS the url path is relative to the document. With .htc files though it needs to relative to the site root.

    Take the following site structure:

    Root
   - images/
      - image.png
   - css/
      - layout.css
- index.html
- border-radius.htc

    To use an image in your layout.css files your url would be ('../images/image.png')
    To use the .htc file it would be ('../border-radius.htc')

    Also (and this might not be relevant) but to get CSS3PIE.htc working you need to add position: relative to the styles.

    • 0