jquery - 在 IE8 中使用 CSS 在 <hr> 标签上设置圆 Angular

Question

我在使用 border-radius 时遇到问题IE8 上的 CSS 属性。在 Safari、Chrome、FF 和 IE9 上，此属性按预期工作。但是，在 IE8 上它不会。

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

有没有一种方法可以单独在 CSS 中实现圆 Angular 效果，而无需使用 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;
    }

Answer 1

使用这个 css3pie.com它修复了所有不支持边框半径的低版本中的问题。