CODEWITHSUNDEEP
internet-explorerroundingcss
Noname
Noname

Reputation: 61

Border radius in IE is not working

I need to make round corners, when i am trying like this its working in firefox and chrome but not in IE. 

#tab_labels div {
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
}

Upvotes: 4

Views: 11506

Answers (5)

Arash Farahzadi
Arash Farahzadi

Reputation: 41

you can use the below meta tag to activate some CSS properties in IE. i use this tag and have no such problems.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Upvotes: 1

Damon Bauer
Damon Bauer

Reputation: 2726

Currently, IE 9 and 10 are the only versions of IE that support border-radius. IE 8 and below do not support border-radius. You'll need some 3rd party help, like CSS3Pie, to do that.

Upvotes: 6

Beatriz Oliveira
Beatriz Oliveira

Reputation: 659

border-radius will work in IE9, only not in versions below that (IE8, IE7, ...)

Upvotes: 1

PeeHaa
PeeHaa

Reputation: 72682

If you really want to start using CSS3.

You should really know that IE sucks.

Actually not only for CSS3. Just generally IE sucks.

So IE (up to 9) doesn't support rounded corners by default.

You should either use images / resort to some 3rd party stuff.

Upvotes: 2

Coda Tavern
Coda Tavern

Reputation: 21

Take a look to PIE

Example:

#yourdiv{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(PIE.htc);
}

Upvotes: 0

Related Questions