The adjoining piece of code works fine if you want to render rounded corners on browsers like Firefox ,Chrome etc. but will not help you out when you try to do the same in Internet explorer-8 and lower versions of the IE. Usually if you want rounded corners on IE-8(including the lower versions also) , you might use images.
But my question is ,is it necessary to do so? Why cannot we use this amazing border-radius feature of css-3 in IE also? Why having this overhead of using images for rendering border-radius? While trying to find out this answer I came out with some interesting facts. Before I write anything else , let me show you how my above piece of code behaved in different browsers:(Firefox and ie-8)
But my question is ,is it necessary to do so? Why cannot we use this amazing border-radius feature of css-3 in IE also? Why having this overhead of using images for rendering border-radius? While trying to find out this answer I came out with some interesting facts. Before I write anything else , let me show you how my above piece of code behaved in different browsers:(Firefox and ie-8)
Now I was talking about was that ' what did I came up with as the answer to my question'. The answer was yes this can be done without using any of the images and by using the border-radius property itself. Now you might think that if IE-8 doesn't support the border-radius property of CSS3 then how would it be possible to do so.
The answer is - by using the script ie-css3.htc.
The answer is - by using the script ie-css3.htc.
Now this is my modified code. i have added behavior: url(ie-css3.htc); in my style.
Before adding the style do not forget to keep the script ie-css3 in your root folder.
NOTE: Do not make the mistake of writing the url as the relative path to the current directory as they are in a background-image: url(...) style. Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(ie-css3.htc) should work if ie-css3.htc is in the root directory of the site.
Trust me it really worked :)
For more details on this go to the link:
http://fetchak.com/ie-css3/
Before adding the style do not forget to keep the script ie-css3 in your root folder.
NOTE: Do not make the mistake of writing the url as the relative path to the current directory as they are in a background-image: url(...) style. Microsoft decided to ignore standards here and make them relative to the docroot instead. So behavior: url(ie-css3.htc) should work if ie-css3.htc is in the root directory of the site.
Trust me it really worked :)
For more details on this go to the link:
http://fetchak.com/ie-css3/