CODEWITHSUNDEEP
htmlinternet-explorercss
user1451143
user1451143

Reputation: 51

How we can enable border-radius in IE?

<style>
   border-radius:10px;
</style>
<div class='radius'> <?= echo $score . 'score';?></div>

It is not working in IE8

Upvotes: 1

Views: 1969

Answers (4)

Idrizi.A
Idrizi.A

Reputation: 12010

Border-Radius is not supported in Internet Explorer 6-8, in IE 9 use border-radius:10px.

It can work with Jquery or PIE CSS

In HTML add jquery.js and jquery.corner.js:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

Javascript

$('.radius').corner();

For border-radius: 10px use

$('.radius').corner("10px");

for more examples: http://jquery.malsup.com/corner/

DEMO http://jsfiddle.net/vTXXD/

Upvotes: 5

dotty
dotty

Reputation: 41433

border-radius is a CSS3 property and IE8 doesn't support it (anything below IE8 doesn't have support for it).

However, there's a brilliant script called css3pie which adds support for IE8.

Upvotes: 1

Josh Mein
Josh Mein

Reputation: 28625

It is not supported prior to IE 9. You need to use something like PIE CSS. This will require you to add a htc file within your site and your css will look something like this:

.radius {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);
}

Upvotes: 2

John Conde
John Conde

Reputation: 219804

It is not supported in IE8. If you want it to work in IE8 you need to use a hack.

Upvotes: 2

Related Questions