我们如何在IE中启用border-radius？

Question

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

它在IE8中不起作用

Answer 1

Internet Explorer 6-8不支持Border-Radius,在IE 9中使用border-radius:10px.

它可以与Jquery或 PIE CSS一起使用

在HTML中添加jquery.js和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();

对于border-radius:10px使用

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

更多示例:http://jquery.malsup.com/corner/

演示 http://jsfiddle.net/vTXXD/