Using CSS to achieve rounded corners on IE7, 8

First, a time ago to do a page has rounded corners of the effect, the use of border-radius:50%, but the detection of compatibility found in IE7/8 and other ancient versions do not support the percentage of Border-radius display, helpless can only be replaced with pictures.

But as a front-end, can use CSS to solve the picture, should be used to solve the CSS

Second, the use of CSS-compatible IE7/8 to achieve round-angle effect

Because Border-radius does not support percent display in ie7/8, we can only use another method, using the dotted in border-style to make the effect like border-radius:50%:

And also add border-radius:50% in the style, this can also be compatible with IE9 and above browser;

HTML code:

CSS styles are as follows:

Using CSS to achieve rounded corners on IE7, 8