使用border-radius具有不同半径的CSS3PIE元素角？答案

【问题标题】：CSS3PIE element corners with different radii using border-radius?使用border-radius具有不同半径的CSS3PIE元素角？
【发布时间】：2012-06-04 06:18:26
【问题描述】：

我有一个元素，其中左上角和右下角的边框半径为 5，我正在尝试使其与 CSS3PIE 兼容。文档指出

仅支持简写版本；普通的border-top-left-radius 等属性不是。不过，速记语法确实支持每个角的不同半径。 link

但在示例中，它们显示的正是...

边框半径：5px 10px 15px 20px；

如何在 IE8 中显示具有不同半径的角的元素？

谢谢。

a.navLink {
       -moz-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
            border-radius: 5px 0 5px 0;
    display: block;
    behavior: url('http://mydomain.com/css/PIE.htc');
    position:relative;
    z-index: 0;

【问题讨论】：

我很困惑，你引用文档说怎么做，然后问怎么做？你是说它不适合你吗？我可以告诉你确实如此。
是的。它对我不起作用。有了这个，只有左上角有半径。

标签： frontend css css3pie

【解决方案1】：

添加-pie- 前缀：

-pie-border-radius: 5px 0 5px 0;

【讨论】：