1

我正在尝试为我的 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 中不起作用？

4

4 回答 4

2

IE8中的圆角

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

  • 改用圆角图像（这是一个很好的资源）

  • 从这里使用jQuery Corner 插件

  • 从这里使用一个名为CSS3 PIE的非常好的脚本

  • 另一个不错的脚本是IE-CSS3 from here

希望它有用。祝你好运！

于 2013-05-07T13:17:15.573 回答
0

所有 <9 的 IE 都不支持边界半径。

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

另请参阅@niels 帖子。在你去 SO 之前尝试使用谷歌来解决这些问题。

于 2013-05-07T12:57:28.727 回答
0

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

你可以试试这个技巧：

CSS3 饼图

于 2013-05-07T12:58:41.780 回答
0

在 photoshop、sketch 或其他任何东西中制作圆形边框，并将其设置为背景图像：

<!--[if IE]>
    <style>
    #yourid
    {
    background-image: your source
    }
</style>
<![endif]-->
于 2013-05-07T13:00:15.410 回答