IE7中不支持边界半径

Question

i know border-radius property wont support in IE7 .

Is there any css tricks to do border-radius in IE7 browsers.

Answer 1

You can use CSS3 PIE to get this working.

To get it add the pie.htc file to the ROOT of your site. In your CSS file where you want to use border-radius add the following code:

behavior: url(path/to/PIE.htc);

In normal CSS the url is relative to the CSS file. For htc files it is relative to the ROOT of your website. This is important as it won't work otherwise. Blame Microsoft.

NOTE:

If it's not working still then add this to your selectors:

position: relative;
z-index: 0;

Answer 2

There are plenty of "tricks" to get rounded corners in browsers that do not support the "border-radius" CSS property. Just do a google search for "rounded corners css". This one seems promising for instance.

Answer 3

Currently, IE 9 and 10 are the only versions of IE that support border-radius. IE 8 and below do not support border-radius.

Check this http://css3pie.com/

Answer 4

use make a curve border .ping image in photoshop and use it .....because border-radius-bottomleft ,border-radius-bottom right etc not work on ie6-8....

use that code for border-radius working well ....

**

background-color: #E8EDEF;
    border-radius: 10px 10px 10px 10px;
    display: block;
    margin-left: 78px;
    width: 591px;
behavior: url(pie/PIE.htc);

**

and also see for border-radius http://css3pie.com/

given in detail in document