0

我border-radius在 IE8 上遇到 CSS 属性问题。在 Safari、Chrome、FF 和 IE9 上，此属性按预期工作。但是，在 IE8 上却没有。

我已经阅读了一些关于实现 jQuery Corner 插件的帖子和评论，但我在这方面的成功有限。我不确定问题是否在于尝试将其应用于<hr>.

有没有办法单独在 CSS 中实现圆角效果，而无需使用 jQuery Corner 插件？

在此处输入图像描述

我的标记：

<span id="title_divider"><hr /></span>

我的 CSS：

    #title_divider {
        position: absolute;
        width: 49px;
        left: 472px;
        top: 64px;
        padding-top: 10px;
    }
    #title_divider hr {
        height: 10px;
        background-color: #000000;
        border: 1px solid black;
        border-radius: 7px;
        height: 5px;
    }
4

2 回答 2

1

使用css3pie.com它可以修复所有不支持边界半径的低版本中的问题。

于 2012-09-07T16:36:49.920 回答
1

是的，有。

看看这里的 css3pie。

您需要做的就是在您的服务器上包含该文件，然后在您的 css 中指向它，如下所示：

behavior: url(/PIE.htc);
于 2012-09-07T16:37:17.153 回答