我們如何在IE中啓用邊界半徑？

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

它不是在IE8我們如何在IE中啓用邊界半徑？

來源

2012-06-22 user1451143

[CSS - 邊界半徑求助]可能重複（http://stackoverflow.com/questions/1285014/css-border-radius -help） – Pascal

可能重複 – user1451143

It is not supported in IE8工作。如果你想讓它在IE8中工作，你需要use a hack。

來源

2012-06-22 23:38:31

+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); 
}

來源

2012-06-22 23:38:47

border-radius是CSS3屬性和IE8不支持它（以下IE8任何不具備支持它）。

但是，有一個輝煌的腳本叫做css3pie，它增加了對IE8的支持。

來源

2012-06-22 23:39:03 dotty

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");

更多的例子：http://jquery.malsup.com/corner/

DEMOhttp://jsfiddle.net/vTXXD/

來源

2012-06-22 23:45:57 Enve

這是不正確的。您可以使用[PIE CSS]（http://css3pie.com/）等工具！ –

訪問此頁面，你可以看到：http://jquery.malsup.com/corner/ – Enve

我知道這個插件的工作原理。我以前看過它，它是一個非常漂亮的插件。但是，它不是唯一的選擇。 PIE CSS也可以。所以jquery不是** only **選項。 –

我們如何在IE中啓用邊界半徑？

回答

相關問題