Question

我想知道如何在IE8中制作圆形边框。我正在使用

-moz-border-radius:4px;
-webkit-border-radius:4px;

对于mozilla和safari。

Answer 1

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

Answer 2

下载https://code.google.com/p/curved-corner/并在您的项目中加入。然后使用以下css进行圆角处理。

例如：

.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 */
}

文件的url是相对于加载CSS的HTML文件。所以这与background：url（...）行为有所不同，它与CSS文件有关。更多详情here

Answer 3

你做不到。 IE没有处理现代标准和实践，具体而言，IE8中不存在这样的CSS属性。

Answer 4

在IE9中，您可以使用border-radius。

对于较旧的IE版本，有javascript库可以为您完成。你不能纯粹用CSS做到这一点。至少你需要背景图片。

Answer 5

您可以使用CSS3 PIE。它很容易实现。只需在此处下载：http://css3pie.com/download/并提取其内容。然后，在样式表上，只需将behavior:url(css3pie/PIE.htc);与每个使用border-radius的元素的css代码一起放入。

例如：

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

如何使用CSS在IE8中制作圆角边框？

5 个答案: