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?
Border-radius Add classes to an element to easily round its corners.
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.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With