如何使用CSS在IE8中创建圆形边框?

有一个jQuery插件。 http://jquery.malsup.com/corner/

下载 https://code.google.com/p/curved-corner/

例如:

.somediv{
   -webkit-border-radius:4px;        /* older webkit based browsers */
   -khtml-border-radius:4px;         /* older khtml based browsers */
   -moz-border-radius:4px;           /* older firefox */
   border-radius:4px;                /* standard */
   behavior: url(border-radius.htc); /* IE 6-8 */
}

here

IE不能处理现代标准和实践,特别是IE8中不存在这样的CSS属性。

在IE9中,可以使用边界半径。

对于较旧的IE版本,有一些javascript库可以为您提供。你不能完全用CSS来做。至少你需要背景图像。

http://css3pie.com/download/ 并提取其内容物。 然后,在你的样式表上,把 behavior:url(css3pie/PIE.htc); 以及使用边框半径的每个元素的css代码。

例如:

.samplediv{
    behavior:url(css3pie/PIE.htc);
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;       
    -moz-border-radius:10px;           
    border-radius:10px;               
}