Rounded Corners in IE: The HTC Way

As I promised in one of my earlier tutorials: Rounded Corners with CSS3 I would look at an example that used an HTC file to create rounded corners on IE.

I’ve uploaded an example provided by the project owner for you guys to test. The way to do this is relatively simple, just as simple as it was to create rounded corners through “-moz-border-radius” & “-webkit-border-radius”.

.curved {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius-ie8.htc); /*Path to htc file*/
}

All we have to do is add a css behavior url which points to the path of the htc file on your server. Really simple eh? However the downside…. There are some limitations apparently. I tried this on my personal portfolio(shameful self promotion!!) and I found that it down not round the corners. I might have to do some more debugging as I don’t currently have a reason for this, but it’s actually low priority for me at this second.

The original location of this project can be viewed here: Curved Corners in IE. Happy corner rounding folks!

If you like this article, please use the buttons below to share it or leave me a comment and let me know your thoughts – Shawn

Please share or bookmark this post!
  • email
  • DZone
  • Twitter
  • Digg
  • del.icio.us
  • Facebook
  • Reddit
  • Slashdot
  • Netvibes
  • Technorati
  • Google Bookmarks
  • Fark
  • HackerNews
  • Suggest to Techmeme via Twitter
  • Tumblr
  • Add to favorites
  • RSS
Posted by Shawn | Comments (3)

3 Responses to “Rounded Corners in IE: The HTC Way”

  1. Marco says:

    Maybe it’s due to the fact that .htc files must be refered to the position of the html file (even if it’s a dynamic page) instead of the css file
    did you try that ?

  2. Tristan says:

    It’s actually because the HTC file checks the className of the element that invokes it, and if it isn’t the same as the predefined value –v08vnSVo78t4JfjH– then it fails fast.

    you will need to change that part of the file, or change it not to check. Either way you will need to change something.

    You should also note that it is GPLv3. There may be legal implications in using the code.

  3. Fed up with obtaining low amounts of useless visitors to your website? Well i want to share with you a brand new underground tactic that produces me personally $900 per day on 100% AUTOPILOT. I really could be here all day and going into detail but why dont you just check their site out? There is really a great video that explains everything. So if your seriously interested in making effortless cash this is the site for you. Auto Traffic Avalanche

Leave a Reply