Question

我正在尝试为我的div添加圆形边框。在Firefox中，它正在工作。在网上我找到了这个链接http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser。我添加了htc文件。我把它包含在根目录中，以及我的css文件夹中，但它不适用于IE。这就是我在做什么

position:absolute;
border:1px solid #ccc;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior: url(css/border-radius.htc); url(border-radius.htc); //both not working
background: rgb(180,221,180); /* Old browsers */

为什么它不能在IE中运行？

Answer 1

IE8中的圆角

版本9下的Internet Explorer 原生支持圆角但您可以考虑的其他解决方案很少：

使用圆角图片代替（this是一个很好的资源）
使用here

jQuery Corner插件

使用here

CSS3 PIE

另一个好的脚本是来自here的 IE-CSS3

希望它有用。祝你好运！

Answer 2

所有IE＆lt; 9都不支持边界半径。

如果真的很重要的话，请尝试使用边框图像生成器。

另见@niels帖子。在你去SO之前尝试使用google来解决这些问题。

Answer 3

据我所知，IE8不支持此css功能。

你可以尝试这个技巧：

CSS3 PIE

Answer 4

在Photoshop，草图等中制作圆角边框，并将其设置为背景图像：

<!--[if IE]>
    <style>
    #yourid
    {
    background-image: your source
    }
</style>
<![endif]-->

IE 8中的圆形边框问题

4 个答案: