Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

No rounded edges in IE in Bootstrap

Rounded edges in the buttons and badges shows rectangle in IE 8. I am using bootstrap button and badges. Is there a fix to this. Anybody running into similar issue?

enter image description here

like image 307
slamsal Avatar asked Apr 16 '12 13:04

slamsal


People also ask

How do I make rounded corners in Bootstrap?

Border-radius Add classes to an element to easily round its corners.

How do I round the edges of a line in CSS?

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.

How do you round edges in iFrame?

The div container method described in How to Get Rounded Corners on an iFrame using Border-Radius CSS works for me. The border-radius should be set to whatever you want the roundness to be, and the width must be set to the width of the iFrame, else you will get only a few (if any) rounded corners.


1 Answers

There is no proper fix, IE8 and below (later versions should support roundec corners) simply do not support the border-radius CSS3 property so you get a rectangle on certain elements instead of rounded ones. A couple of things you can try is including a .HTC script file that emulates such effects in older versions of IE, such as the IE-CSS3 project or (the more complete i believe) CSS3Pie.

like image 99
Andres Ilich Avatar answered Dec 13 '22 15:12

Andres Ilich