CODEWITHSUNDEEP
htmlbordercss
Prashobh
Prashobh

Reputation: 9542

Border radius not supporting in IE7

i know border-radius property wont support in IE7.

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

Upvotes: 2

Views: 5817

Answers (4)

webslatesoftware
webslatesoftware

Reputation: 221

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

Upvotes: 1

SpaceBeers
SpaceBeers

Reputation: 13947

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;

Upvotes: 6

RAN
RAN

Reputation: 1453

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/

Upvotes: 1

Jan Hančič
Jan Hančič

Reputation: 53931

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.

Upvotes: 1

Related Questions