I am new to CSS i have written the CSS for my home page,for that i have used border-radius property it is working fine on all the browsers except IE 6 to IE-8.Hi, I want to write code that will render border-radius property for all versions of all browsers. can any one help me in how to write generic code for all versions and all browsers? thanks in advance.
Asked
Active
Viewed 184 times
-4
-
4on this earth who is using IE6 in 2014 :P – Sachin Jan 09 '14 at 10:28
-
4@Sachin I think you mean. On this earth who is using IE. – Ruddy Jan 09 '14 at 10:29
4 Answers
3
The border-radius property is supported in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera, because it is CSS3 property. so, you could use css3pie
first check this demo in IE 8 and download it from here write your css rule like this
#myAwesomeElement {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(path/to/pie_files/PIE.htc);
}
note: added behavior: url(path/to/pie_files/PIE.htc); in the above rule. within url() you need to specify your PIE.htc file location
You can see some more reference from here
CJ Ramki
- 2,620
- 3
- 25
- 47
1
This might help you http://fetchak.com/ie-css3/ to support border radius. but you need to add a javascript file.
Richa
- 4,240
- 5
- 33
- 50
0
Border-radius is not supported in IE 8 and below. You can't use that property in IE 8 and below
edonbajrami
- 2,196
- 24
- 34
-
This is not an answer. According to the question, author is aware of this fact. – Pavlo Jan 09 '14 at 13:09
