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/

DEMO http://jsfiddle.net/vTXXD/

Answer 2

It is not supported in IE8。如果您希望它在IE8中运行，您需要use a hack。

Answer 3

在IE 9之前不支持。您需要使用PIE CSS之类的内容。这将要求您在您的网站中添加一个htc文件，您的CSS将如下所示：

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

Answer 4

border-radius是CSS3属性，IE8不支持它（IE8以下的任何内容都不支持它）。

但是，有一个名为css3pie的精彩脚本，它增加了对IE8的支持。

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

4 个答案: