使用border-radius的不同半径的CSS3PIE元素角?

时间:2012-05-30 01:58:36

标签: frontend css3 css3pie

我有一个元素,其中左上角和右下角的边界半径为5,我试图使其与CSS3PIE兼容。文档说明了

仅支持速记版本; longhand border-top-left-radius等属性不是。但是,简写语法确实支持每个角的不同半径。 link

但在这个例子中,他们显示的确是......

border-radius: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;

1 个答案:

答案 0 :(得分:1)

添加-pie-前缀:

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