<style>
border-radius:10px;
</style>
<div class='radius'> <?= echo $score . 'score';?></div>
它不是在IE8我们如何在IE中启用边界半径?
<style>
border-radius:10px;
</style>
<div class='radius'> <?= echo $score . 'score';?></div>
它不是在IE8我们如何在IE中启用边界半径?
It is not supported in IE8工作。如果你想让它在IE8中工作,你需要use a hack。
+1边框半径仅在IE9及更高版本中受支持。 http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie – kol
真棒.... .. – user1451143
它在IE 9之前不受支持。您需要使用类似PIE CSS之类的东西。这需要你到您的网站中添加一个HTC文件和你的CSS将是这个样子:
.radius {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/PIE.htc);
}
border-radius
是CSS3属性和IE8不支持它(以下IE8任何不具备支持它)。
但是,有一个辉煌的脚本叫做css3pie,它增加了对IE8的支持。
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-半径:10px使用
$('.radius').corner("10px");
这是不正确的。您可以使用[PIE CSS](http://css3pie.com/)等工具! –
访问此页面,你可以看到:http://jquery.malsup.com/corner/ – Enve
我知道这个插件的工作原理。我以前看过它,它是一个非常漂亮的插件。但是,它不是唯一的选择。 PIE CSS也可以。所以jquery不是** only **选项。 –
[CSS - 边界半径求助]可能重复(http://stackoverflow.com/questions/1285014/css-border-radius -help) – Pascal
可能重复 – user1451143