CODEWITHSUNDEEP
cssinternet-explorer-8css3pie
user1897636
user1897636

Reputation: 71

IE 8 Rounded Corners Issue

I have been struggling with IE8 issue's and came across this issue of Rounded corners , Where all the browsers would accept border-radius except IE8.

font-size: 12px;
margin-left: 7px;
margin-top: -13px;
    border-radius: 10px 10px 10px 10px / 5px 10px 5px 10px;

Upvotes: 0

Views: 737

Answers (4)

Severe Torture
Severe Torture

Reputation: 319

Why everyone wrote "border-radius isn´t support in IE or in IE8" etc..? IE9 support border-radius and lower version of IE support border-radius with PIE and this theme is about PIE not about default support border-radius in IE8 or older.

And answer on question:

-webkit-border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
-moz-border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
border-radius: 6px 6px 6px 6px; // simply "6px" is ok too as in another CSS function
behavior: url(funkce/PIE.php); //change link on your local folder where you have PIE.php (in this file is include PIE.htc that alow you use PIE without change .htacces file. For that you must have PIE.php file and PIE.htc file too.)

Upvotes: 0

Srinivas
Srinivas

Reputation: 1063

Internet explorer does not support border-radius. But you can achieve it by implementing some hacks. Check this link for help.

Upvotes: 0

user1897636
user1897636

Reputation: 71

After a long struggle i have resolved this issue,

Downloaded : http://css3pie.com/

Used it in CSS as below:

font-size: 12px;

enter code here
     -webkit-border-radius: 5px; /* Chrome */
     position: relative;
     z-index: 1;
     border-radius: 5px; /* CSS3 */
    -moz-border-radius: 5px; /* Mozilla */
     behavior: url(http://dev.intervalorders.com/pie/PIE.php);

Upvotes: 2

Aurelio De Rosa
Aurelio De Rosa

Reputation: 22162

border-radius isn't supported by IE8: http://caniuse.com/#feat=border-radius

Upvotes: 1

Related Questions