仅限速记

Question

我有一个网站here ...

在Chrome / FF中查看它，您会看到标签带有圆角。 IE8仍然显示平方角。

这是我将PIE称为CSS的CSS ...

.class-name { background-color: #fff; float:left; margin: 10px 5px 10px; height: 15px; line-height: 15px; vertical-align: middle; padding: 15px; width: auto; font-size: 14px; font-weight: bolder; color: #000000; text-align: center; 

    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;

    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-toopleft: 20px;

    border-radius: 20px; /*PIE only supports parsed CSS (Shorthand) */
    behavior: url(PIE.htc); }

我的PIE文件位于我的根文件夹中。我只是不明白我在这里失踪了......

Answer 1

看起来它只支持简写符号。

仅限速记

对于PIE解析的所有CSS属性，只有速记版本   这些财产将被承认。例如，虽然   支持border-radius，个人手写   border-top-left-radius等属性不是。

原因与URL相对解析的原因相同   到CSS文件（见上文）：PIE没有可见的地方   每个风格的属性来自。如果既有速记又有   目前的手写属性，PIE无法确定其中的顺序   CSS作者指定了那些属性，也无法确定   选择器对每个属性的特异性。因此不能   关于哪个属性应该优先做出明智的决定。

为了避免做出愚蠢的猜测，我们选择只支持速记   属性。选择速记来保持文件大小   并避免繁琐的重复。

来源：http://css3pie.com/documentation/known-issues/#shorthand

Answer 2

99％的情况下，边界半径对设计并不重要。雇用优雅降级技术，让IE8保持方角。

引自Border Radius for IE8

CSS3 PIE呼叫无法正常工作

2 个答案:

仅限速记