0

我这里有一个网站...

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

这是我的 PIE 被调用的 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 文件位于我的根文件夹中。我只是不明白我在这里错过了什么......

4

2 回答 2

1

看起来它只支持速记符号。

仅速记

对于 PIE 解析的所有 CSS 属性，只会识别这些属性的简写版本。例如，虽然支持border-radius，但不支持单独的手写border-top-left-radius 等属性。

原因与没有相对于 CSS 文件解析 URL 的原因相同（见上文）：PIE 无法查看每个样式属性的来源。如果同时存在速记和速记属性，PIE 无法确定 CSS 作者指定这些属性的顺序，也无法确定每个属性的选择器的特异性。因此，它无法就应优先考虑哪些财产做出明智的决定。

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

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

于 2013-09-09T22:10:35.017 回答
0

在 99% 的情况下，边界半径对设计来说并不重要。使用优雅的降级技术，让 IE8 留下方角。

引用IE8 的边框半径

于 2013-09-09T21:18:46.817 回答