2012-06-22 26 views

回答

2

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

+1

+1边框半径仅在IE9及更高版本中受支持。 http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie – kol

+0

真棒.... .. – user1451143

2

它在IE 9之前不受支持。您需要使用类似PIE CSS之类的东西。这需要你到您的网站中添加一个HTC文件和你的CSS将是这个样子:

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

border-radius是CSS3属性和IE8不支持它(以下IE8任何不具备支持它)。

但是,有一个辉煌的脚本叫做css3pie,它增加了对IE8的支持。

5

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/

+1

这是不正确的。您可以使用[PIE CSS](http://css3pie.com/)等工具! –

+0

访问此页面,你可以看到:http://jquery.malsup.com/corner/ – Enve

+0

我知道这个插件的工作原理。我以前看过它,它是一个非常漂亮的插件。但是,它不是唯一的选择。 PIE CSS也可以。所以jquery不是** only **选项。 –